Warna bernama terdekat · #CF8D3F
#CF8D3F
Warna bernama terdekat: Caramelise
#CF8D3F (rgb(207 141 63), hsl(33 60% 53%), oklch(0.695 0.123 67.6)) paling mendekati warna bernama Caramelise. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#CF8D3F
oklch(0.695 0.123 67.6)
Konversi warna
- HEX
- #cf8d3f
- RGB
- rgb(207 141 63)
- HSL
- hsl(33 60% 53%)
- HWB
- hwb(33 25% 19%)
- OKLCH
- oklch(0.695 0.123 67.6)
- OKLab
- oklab(0.695 0.047 0.114)
- CIE Lab
- lab(64.39 20.66 50.7)
- LCH
- lch(64.39 54.74 67.8)
- CMYK
- cmyk(0% 32% 70% 19%)
Tint · Shade · Tone
Tint
- D49956
- DAA46A
- DFAF7D
- E4BB90
- E9C6A3
- EDD1B5
- F2DDC7
- F6E8DA
- FBF4EC
Shade
- B47A35
- 99672C
- 7F5523
- 67441B
- 4F3312
- 38230A
- 231404
- 100701
- 020100
Tone
- C78C49
- BF8B51
- B88A59
- B08960
- A88866
- A0866C
- 988571
- 908376
- 88827B
Harmoni warna
Komplementer +180°
- CF8D3F
Caramelise
- 59A3E5
≈ Windjammer
Analog -30° +30°
- CF8D3F
Caramelise
- DD8064
≈ Dry Peach
- B29D36
≈ Golden Olive
Triadik +120° +240°
- CF8D3F
Caramelise
- 00B5AA
≈ Glass Jar Blue
- B287D8
≈ Middy’s Purple
Split-komplementer +150° +210°
- CF8D3F
Caramelise
- 0EAFCF
≈ Aquarius
- 8B95E8
≈ Perrywinkle
Tetradik +90° +180° +270°
- CF8D3F
Caramelise
- 50B47F
≈ Ming Green
- 59A3E5
≈ Windjammer
- CE7EB8
≈ Peruvian Lily
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.78:1 · APCA Lc 53
Ag
AAADi atas hitam
WCAG 7.53:1 · APCA Lc 48
Warna teks terbaik: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Cuplikan kode
CSS
:root {
--caramelise: #cf8d3f;
--caramelise-rgb: 207 141 63;
--caramelise-oklch: oklch(0.695 0.123 67.6);
}
.element {
color: var(--caramelise);
background-color: hsl(33 60% 53%);
border-color: oklch(0.695 0.123 67.6);
}Tailwind CSS v4
@theme {
--color-caramelise: #cf8d3f;
--color-caramelise-50: #fff0d0;
--color-caramelise-100: #ffe1bc;
--color-caramelise-200: #f7cc9b;
--color-caramelise-300: #e0ac70;
--color-caramelise-400: #ce8f47;
--color-caramelise-500: #bb7405;
--color-caramelise-600: #9e620d;
--color-caramelise-700: #7f4e0c;
--color-caramelise-800: #5f3808;
--color-caramelise-900: #422705;
--color-caramelise-950: #2b1400;
}SCSS
$caramelise: #cf8d3f;
$caramelise-rgb: 207, 141, 63;
$caramelise-light: mix(#fff, $caramelise, 20%);
$caramelise-dark: mix(#000, $caramelise, 20%);
.element {
color: $caramelise;
box-shadow: 0 0 0 2px rgba($caramelise, 0.35);
}