ColorTool
Masuk
#BBCC7D

#bbcc7d ≈ Olivine

  • kuning-hijau
  • Kecerahan: tinggi
  • Saturasi: sedang
  • Hangat
Periksa kontras Jelajahi di grafik Warna acak

#bbcc7d adalah warna dari keluarga “kuning-hijau”, dengan kecerahan tinggi dan saturasi sedang. Dalam model RGB, warna ini terdiri dari 73,33% merah, 80% hijau, dan 49,02% biru; saat dicetak CMYK memakai 8,33% sian, 0% magenta, 38,73% kuning, dan 20% hitam. Sudut ronanya 72,91°, dengan saturasi 43,65% dan kecerahan 64,51% dalam HSL. Ini warna hangat yang sering dikaitkan dengan kesegaran, pertumbuhan, dan vitalitas. Desainer biasanya memakainya untuk merek ramah lingkungan, kesehatan dan kebugaran, dan aksen merek. Teks hitam di atas warna ini mencapai rasio kontras 12,05:1 (WCAG AAA). Warna bernama terdekat adalah Olivine (#9ab973), ΔE 6,91.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #bbcc7d
  2. #8e7dcc

Komplementer terbelah

  1. #bbcc7d
  2. #7d94cc
  3. #b57dcc

Analog

  1. #ccb57d
  2. #bbcc7d
  3. #94cc7d

Triadik

  1. #bbcc7d
  2. #7dbbcc
  3. #cc7dbb

Tetradik

  1. #bbcc7d
  2. #7dcc8e
  3. #8e7dcc
  4. #cc7dbb

Persegi

  1. #bbcc7d
  2. #7dccb5
  3. #8e7dcc
  4. #cc7d94

Monokromatik

  1. #6e7e32
  2. #9eb547
  3. #bbcc7d
  4. #d8e2b4
  5. #f4f7eb

Bayangan

#bbcc7d dicampur bertahap dengan hitam.

  1. #bbcc7d
  2. #a8b871
  3. #96a364
  4. #838f58
  5. #707a4b
  6. #5e663f
  7. #4b5232
  8. #383d26
  9. #252919
  10. #13140d
  11. #000000

Tint

#bbcc7d dicampur bertahap dengan putih.

  1. #bbcc7d
  2. #c2d18a
  3. #c9d697
  4. #cfdba4
  5. #d6e0b1
  6. #dde6be
  7. #e4ebcb
  8. #ebf0d8
  9. #f1f5e5
  10. #f8faf2
  11. #ffffff

Nada

#bbcc7d dicampur bertahap dengan abu-abu.

  1. #bbcc7d
  2. #b5c47d
  3. #afbd7e
  4. #a9b57e
  5. #a3ae7e
  6. #9ea67f
  7. #989e7f
  8. #92977f
  9. #8c8f7f
  10. #868880
  11. #808080

Teks mudah dibaca 1.74:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 12.05:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #c4c4c4 ≈ 0.003% pria
Akromatomali #c0c7ac ≈ 0.001% pria
Protanopia #d6c477 ≈ 1.01% pria
Deuteranopia #d4c481 ≈ 1.27% pria
Tritanopia #c2c4b8 ≈ 0.0001% pria
Protanomali #cbc779 ≈ 1.08% pria
Deuteranomali #cac87f ≈ 4.63% pria
Tritanomali #bfc7a4 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-bbcc7d {
  color: #bbcc7d;
}
Latar
.bg-bbcc7d {
  background-color: #bbcc7d;
  color: #000000;
}
Garis tepi
.border-bbcc7d {
  border: 2px solid #bbcc7d;
}
Variabel CSS
:root {
  --color-primary: #bbcc7d;
  --color-primary-rgb: 187 204 125;
  --color-primary-hsl: 73 44% 65%;
}
Gradien
.gradient-bbcc7d {
  background: linear-gradient(135deg, #bbcc7d, #94cc7d);
}
Bayangan berwarna
.shadow-bbcc7d {
  box-shadow: 0 8px 24px rgb(187 204 125 / 0.35);
}

#9ab973 Olivine ΔE 6.91 #bdda57 June Bud ΔE 7.50 #bdb76b Dark Khaki ΔE 7.53 #93c572 Pistachio ΔE 7.55 #bcb88a Sage ΔE 9.13 #e4d96f Straw ΔE 9.80 #9acd32 Yellow Green ΔE 9.92 #443382 Terbalik #c4c4c4 Skala abu-abu 

Olivine
#bbcc7d  rgb(187, 204, 125)  hsl(73, 44%, 65%)  Olivine
#8e7dcc  rgb(142, 125, 204)  hsl(253, 44%, 65%)  Medium Purple
#7dbbcc  rgb(125, 187, 204)  hsl(193, 44%, 65%)  Sky Blue
#cc7dbb  rgb(204, 125, 187)  hsl(313, 44%, 65%)  Sky Magenta