Warna bernama terdekat · #C59E83
#C59E83
Warna bernama terdekat: Latte
#C59E83 (rgb(197 158 131), hsl(25 36% 64%), oklch(0.728 0.06 56.3)) paling mendekati warna bernama Latte. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#C59E83
oklch(0.728 0.06 56.3)
Konversi warna
- HEX
- #c59e83
- RGB
- rgb(197 158 131)
- HSL
- hsl(25 36% 64%)
- HWB
- hwb(25 51% 23%)
- OKLCH
- oklch(0.728 0.06 56.3)
- OKLab
- oklab(0.728 0.033 0.05)
- CIE Lab
- lab(68.25 12.11 19.93)
- LCH
- lch(68.25 23.32 58.7)
- CMYK
- cmyk(0% 20% 34% 23%)
Tint · Shade · Tone
Tint
- CBA78F
- D1B19B
- D7BBA7
- DDC4B4
- E2CEC0
- E8D8CC
- EEE1D9
- F4EBE5
- F9F5F2
Shade
- AB8971
- 927460
- 79604F
- 614D3F
- 4B3A2F
- 352920
- 211812
- 0E0906
- 020101
Tone
- BE9B83
- B79883
- B09583
- A99282
- A28F82
- 9B8C82
- 958981
- 8E8681
- 878381
Harmoni warna
Komplementer +180°
- C59E83
Latte
- 83AEC8
≈ Soul Blue
Analog -30° +30°
- C59E83
Latte
- CA9993
≈ Fall Canyon
- B8A57C
≈ Sailor’s Knot
Triadik +120° +240°
- C59E83
Latte
- 7FB4A6
≈ Mint Bonbon Green
- AAA0C9
≈ Purple Rose
Split-komplementer +150° +210°
- C59E83
Latte
- 7AB2BA
≈ Flotation
- 96A7CE
≈ Hopeful Dream
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.44:1 · APCA Lc 48
Ag
AAADi atas hitam
WCAG 8.59:1 · APCA Lc 54
Warna teks terbaik: #000000
WCAG 8.59:1 (AAA) · APCA Lc 54
Contrast pairs
Cuplikan kode
CSS
:root {
--latte: #c59e83;
--latte-rgb: 197 158 131;
--latte-oklch: oklch(0.728 0.06 56.3);
}
.element {
color: var(--latte);
background-color: hsl(25 36% 64%);
border-color: oklch(0.728 0.06 56.3);
}Tailwind CSS v4
@theme {
--color-latte: #c59e83;
--color-latte-50: #fff1e5;
--color-latte-100: #f8e4d5;
--color-latte-200: #e9cfbc;
--color-latte-300: #d0b19a;
--color-latte-400: #bb967c;
--color-latte-500: #a57c5f;
--color-latte-600: #8c6951;
--color-latte-700: #705441;
--color-latte-800: #533d2f;
--color-latte-900: #3a2a1f;
--color-latte-950: #24170f;
}SCSS
$latte: #c59e83;
$latte-rgb: 197, 158, 131;
$latte-light: mix(#fff, $latte, 20%);
$latte-dark: mix(#000, $latte, 20%);
.element {
color: $latte;
box-shadow: 0 0 0 2px rgba($latte, 0.35);
}