ColorTool
Masuk
#306E97

#306e97 ≈ Sea Blue

  • biru langit
  • Kecerahan: rendah
  • Saturasi: sedang
  • Sejuk
Periksa kontras Jelajahi di grafik Warna acak

#306e97 adalah warna dari keluarga “biru langit”, dengan kecerahan rendah dan saturasi sedang. Dalam model RGB, warna ini terdiri dari 18,82% merah, 43,14% hijau, dan 59,22% biru; saat dicetak CMYK memakai 68,21% sian, 27,15% magenta, 0% kuning, dan 40,78% hitam. Sudut ronanya 203,88°, dengan saturasi 51,76% dan kecerahan 39,02% dalam HSL. Ini warna sejuk yang sering dikaitkan dengan keterbukaan, kebebasan, dan ketenangan. Desainer biasanya memakainya untuk produk teknologi, keuangan dan perbankan, dan aksen merek. Teks putih di atas warna ini mencapai rasio kontras 5,52:1 (WCAG AA). Warna bernama terdekat adalah Sea Blue (#006994), ΔE 3,41.

Deskripsi dibuat dari properti terukur warna ini.

HEX
RGB
RGB persen
CMY
CMYK
HSL
HSV / HSB
Aman web#336699
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Biner
Desimal
Luminansi relatif0.1401

Komplementer

  1. #306e97
  2. #975930

Komplementer terbelah

  1. #306e97
  2. #97303b
  3. #978c30

Analog

  1. #30978c
  2. #306e97
  3. #303b97

Triadik

  1. #306e97
  2. #97306e
  3. #6e9730

Tetradik

  1. #306e97
  2. #593097
  3. #975930
  4. #6e9730

Persegi

  1. #306e97
  2. #8c3097
  3. #975930
  4. #3b9730

Monokromatik

  1. #0b1923
  2. #1e445d
  3. #306e97
  4. #4d96c6
  5. #87b8d9

Bayangan

#306e97 dicampur bertahap dengan hitam.

  1. #306e97
  2. #2b6388
  3. #265879
  4. #224d6a
  5. #1d425b
  6. #18374c
  7. #132c3c
  8. #0e212d
  9. #0a161e
  10. #050b0f
  11. #000000

Tint

#306e97 dicampur bertahap dengan putih.

  1. #306e97
  2. #457da1
  3. #598bac
  4. #6e9ab6
  5. #83a8c1
  6. #98b7cb
  7. #acc5d5
  8. #c1d4e0
  9. #d6e2ea
  10. #eaf1f5
  11. #ffffff

Nada

#306e97 dicampur bertahap dengan abu-abu.

  1. #306e97
  2. #387095
  3. #407292
  4. #487390
  5. #50758e
  6. #58778c
  7. #607989
  8. #687b87
  9. #707c85
  10. #787e82
  11. #808080

Teks mudah dibaca 5.52:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Teks mudah dibaca 3.8:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsia #696969 ≈ 0.003% pria
Akromatomali #576b7e ≈ 0.001% pria
Protanopia #5b6e99 ≈ 1.01% pria
Deuteranopia #4d6496 ≈ 1.27% pria
Tritanopia #00787c ≈ 0.0001% pria
Protanomali #4d6e98 ≈ 1.08% pria
Deuteranomali #436897 ≈ 4.63% pria
Tritanomali #007488 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-306e97 {
  color: #306e97;
}
Latar
.bg-306e97 {
  background-color: #306e97;
  color: #ffffff;
}
Garis tepi
.border-306e97 {
  border: 2px solid #306e97;
}
Variabel CSS
:root {
  --color-primary: #306e97;
  --color-primary-rgb: 48 110 151;
  --color-primary-hsl: 204 52% 39%;
}
Gradien
.gradient-306e97 {
  background: linear-gradient(135deg, #306e97, #303b97);
}
Bayangan berwarna
.shadow-306e97 {
  box-shadow: 0 8px 24px rgb(48 110 151 / 0.35);
}

#006994 Sea Blue ΔE 3.41 #0067a5 Medium Persian Blue ΔE 4.09 #436b95 Queen Blue ΔE 4.16 #0072bb French Blue ΔE 4.86 #007ba7 Cerulean ΔE 5.82 #26619c Lapis Lazuli ΔE 5.85 #0073cf True Blue ΔE 6.84 #cf9168 Terbalik #696969 Skala abu-abu 

Sea Blue
#306e97  rgb(48, 110, 151)  hsl(204, 52%, 39%)  Sea Blue
#975930  rgb(151, 89, 48)  hsl(24, 52%, 39%)  Sienna
#97306e  rgb(151, 48, 110)  hsl(324, 52%, 39%)  Boysenberry
#6e9730  rgb(110, 151, 48)  hsl(84, 52%, 39%)  Olive Drab