ColorTool
Masuk
#CF552F

#cf552f ≈ Flame

  • oranye
  • Kecerahan: sedang
  • Saturasi: kuat
  • Hangat
Periksa kontras Jelajahi di grafik Warna acak

#cf552f adalah warna dari keluarga “oranye”, dengan kecerahan sedang dan saturasi kuat. Dalam model RGB, warna ini terdiri dari 81,18% merah, 33,33% hijau, dan 18,43% biru; saat dicetak CMYK memakai 0% sian, 58,94% magenta, 77,29% kuning, dan 18,82% hitam. Sudut ronanya 14,25°, dengan saturasi 62,99% dan kecerahan 49,8% dalam HSL. Ini warna hangat yang sering dikaitkan dengan antusiasme, kehangatan, dan kreativitas. Desainer biasanya memakainya untuk tombol ajakan bertindak, merek makanan dan restoran, dan aksen merek. Teks hitam di atas warna ini mencapai rasio kontras 4,99:1 (WCAG AA). Warna bernama terdekat adalah Flame (#e25822), ΔE 4,8.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #cf552f
  2. #2fa9cf

Komplementer terbelah

  1. #cf552f
  2. #2fcfa5
  3. #2f59cf

Analog

  1. #cf2f59
  2. #cf552f
  3. #cfa52f

Triadik

  1. #cf552f
  2. #2fcf55
  3. #552fcf

Tetradik

  1. #cf552f
  2. #a9cf2f
  3. #2fa9cf
  4. #552fcf

Persegi

  1. #cf552f
  2. #59cf2f
  3. #2fa9cf
  4. #a52fcf

Monokromatik

  1. #522213
  2. #913b21
  3. #cf552f
  4. #de886d
  5. #ecbaab

Bayangan

#cf552f dicampur bertahap dengan hitam.

  1. #cf552f
  2. #ba4d2a
  3. #a64426
  4. #913c21
  5. #7c331c
  6. #682b18
  7. #532213
  8. #3e1a0e
  9. #291109
  10. #150905
  11. #000000

Tint

#cf552f dicampur bertahap dengan putih.

  1. #cf552f
  2. #d46644
  3. #d97759
  4. #dd886d
  5. #e29982
  6. #e7aa97
  7. #ecbbac
  8. #f1ccc1
  9. #f5ddd5
  10. #faeeea
  11. #ffffff

Nada

#cf552f dicampur bertahap dengan abu-abu.

  1. #cf552f
  2. #c75937
  3. #bf5e3f
  4. #b76247
  5. #af664f
  6. #a86b58
  7. #a06f60
  8. #987368
  9. #907770
  10. #887c78
  11. #808080

Teks mudah dibaca 4.21:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Teks mudah dibaca 4.99:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsia #7b7b7b ≈ 0.003% pria
Akromatomali #a46e65 ≈ 0.001% pria
Protanopia #776b2a ≈ 1.01% pria
Deuteranopia #95862b ≈ 1.27% pria
Tritanopia #e3384d ≈ 0.0001% pria
Protanomali #a2632c ≈ 1.08% pria
Deuteranomali #af752d ≈ 4.63% pria
Tritanomali #dc4543 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-cf552f {
  color: #cf552f;
}
Latar
.bg-cf552f {
  background-color: #cf552f;
  color: #000000;
}
Garis tepi
.border-cf552f {
  border: 2px solid #cf552f;
}
Variabel CSS
:root {
  --color-primary: #cf552f;
  --color-primary-rgb: 207 85 47;
  --color-primary-hsl: 14 63% 50%;
}
Gradien
.gradient-cf552f {
  background: linear-gradient(135deg, #cf552f, #cfa52f);
}
Bayangan berwarna
.shadow-cf552f {
  box-shadow: 0 8px 24px rgb(207 85 47 / 0.35);
}

#e25822 Flame ΔE 4.80 #cb410b Sinopia ΔE 5.36 #e34234 Cinnabar ΔE 6.44 #e34234 Vermilion ΔE 6.44 #cc5500 Burnt Orange ΔE 7.37 #c04000 Mahogany ΔE 7.53 #b7410e Rust ΔE 8.13 #30aad0 Terbalik #7b7b7b Skala abu-abu 

Flame
#cf552f  rgb(207, 85, 47)  hsl(14, 63%, 50%)  Flame
#2fa9cf  rgb(47, 169, 207)  hsl(194, 63%, 50%)  Moonstone Blue
#2fcf55  rgb(47, 207, 85)  hsl(134, 63%, 50%)  Malachite
#552fcf  rgb(85, 47, 207)  hsl(254, 63%, 50%)  Han Purple