Warna bernama · #DEDDAA
Tonic
Tonic adalah #DEDDAA: rgb(222 221 170), hsl(59 44% 77%), oklch(0.886 0.067 106.8). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Tonic color name →
#DEDDAA
oklch(0.886 0.067 106.8)
Konversi warna
- HEX
- #deddaa
- RGB
- rgb(222 221 170)
- HSL
- hsl(59 44% 77%)
- HWB
- hwb(59 67% 13%)
- OKLCH
- oklch(0.886 0.067 106.8)
- OKLab
- oklab(0.886 -0.019 0.064)
- CIE Lab
- lab(87.25 -5.64 25.3)
- LCH
- lch(87.25 25.92 102.6)
- CMYK
- cmyk(0% 0% 23% 13%)
Tint · Shade · Tone
Tint
- E1E0B3
- E4E4BB
- E8E7C4
- EBEBCC
- EEEED5
- F2F2DD
- F5F5E6
- F8F8EE
- FCFCF7
Shade
- C1C093
- A5A47D
- 898868
- 6F6E53
- 55553F
- 3D3D2D
- 26261B
- 12110B
- 020201
Tone
- D4D3A6
- CACAA2
- C1C09E
- B7B79A
- AEAD96
- A4A491
- 9B9B8D
- 929289
- 898984
Harmoni warna
Komplementer +180°
- DEDDAA
Tonic
- D6D4FF
≈ Pale Lavender
Analog -30° +30°
- DEDDAA
Tonic
- F3D4A8
≈ Straw Hat
- C5E4B9
≈ Iced Avocado
Triadik +120° +240°
- DEDDAA
Tonic
- ABE3FC
≈ Frozen Landscape
- FCC8E2
≈ Sugarwinkle
Split-komplementer +150° +210°
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.39:1 · APCA Lc 19
Ag
AAADi atas hitam
WCAG 15.02:1 · APCA Lc 84
Warna teks terbaik: #000000
WCAG 15.02:1 (AAA) · APCA Lc 84
Contrast pairs
Cuplikan kode
CSS
:root {
--tonic: #deddaa;
--tonic-rgb: 222 221 170;
--tonic-oklch: oklch(0.886 0.067 106.8);
}
.element {
color: var(--tonic);
background-color: hsl(59 44% 77%);
border-color: oklch(0.886 0.067 106.8);
}Tailwind CSS v4
@theme {
--color-tonic: #deddaa;
--color-tonic-50: #f6f7e1;
--color-tonic-100: #e9ead1;
--color-tonic-200: #d6d7b7;
--color-tonic-300: #babb93;
--color-tonic-400: #a3a273;
--color-tonic-500: #8b8954;
--color-tonic-600: #767448;
--color-tonic-700: #5e5d39;
--color-tonic-800: #464428;
--color-tonic-900: #302f1b;
--color-tonic-950: #1d1b0b;
}SCSS
$tonic: #deddaa;
$tonic-rgb: 222, 221, 170;
$tonic-light: mix(#fff, $tonic, 20%);
$tonic-dark: mix(#000, $tonic, 20%);
.element {
color: $tonic;
box-shadow: 0 0 0 2px rgba($tonic, 0.35);
}