Warna bernama terdekat · #CAA97C
#CAA97C
Warna bernama terdekat: Pony
#CAA97C (rgb(202 169 124), hsl(35 42% 64%), oklch(0.753 0.071 75)) paling mendekati warna bernama Pony. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#CAA97C
oklch(0.753 0.071 75)
Konversi warna
- HEX
- #caa97c
- RGB
- rgb(202 169 124)
- HSL
- hsl(35 42% 64%)
- HWB
- hwb(35 49% 21%)
- OKLCH
- oklch(0.753 0.071 75)
- OKLab
- oklab(0.753 0.019 0.069)
- CIE Lab
- lab(71.42 7.88 28)
- LCH
- lch(71.42 29.08 74.3)
- CMYK
- cmyk(0% 16% 39% 21%)
Tint · Shade · Tone
Tint
- CFB189
- D5BA96
- DAC2A3
- DFCBB0
- E5D4BD
- EADCCA
- EFE5D7
- F4EEE4
- FAF6F2
Shade
- AF926B
- 957C5A
- 7C674A
- 64533B
- 4D3F2C
- 372C1E
- 221B11
- 0F0A05
- 020101
Tone
- C2A57D
- BBA17E
- B39D7E
- AC997F
- A5957F
- 9D9080
- 968C80
- 8F8880
- 878480
Harmoni warna
Komplementer +180°
- CAA97C
Pony
- 91B2DC
≈ Blue Skies Today
Analog -30° +30°
- CAA97C
Pony
- D6A18A
≈ Shetland Pony
- B5B27D
≈ Leek Powder
Triadik +120° +240°
- CAA97C
Pony
- 77BEBD
≈ Gentle Wave
- C0A2CF
≈ Lilac Lace
Split-komplementer +150° +210°
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.21:1 · APCA Lc 44
Ag
AAADi atas hitam
WCAG 9.47:1 · APCA Lc 59
Warna teks terbaik: #000000
WCAG 9.47:1 (AAA) · APCA Lc 59
Contrast pairs
Cuplikan kode
CSS
:root {
--pony: #caa97c;
--pony-rgb: 202 169 124;
--pony-oklch: oklch(0.753 0.071 75);
}
.element {
color: var(--pony);
background-color: hsl(35 42% 64%);
border-color: oklch(0.753 0.071 75);
}Tailwind CSS v4
@theme {
--color-pony: #caa97c;
--color-pony-50: #fff3df;
--color-pony-100: #f6e5ce;
--color-pony-200: #e6d1b3;
--color-pony-300: #ccb38f;
--color-pony-400: #b8996f;
--color-pony-500: #a27f4e;
--color-pony-600: #896c43;
--color-pony-700: #6e5635;
--color-pony-800: #523e26;
--color-pony-900: #392b19;
--color-pony-950: #23180a;
}SCSS
$pony: #caa97c;
$pony-rgb: 202, 169, 124;
$pony-light: mix(#fff, $pony, 20%);
$pony-dark: mix(#000, $pony, 20%);
.element {
color: $pony;
box-shadow: 0 0 0 2px rgba($pony, 0.35);
}