Najbliższy nazwany kolor · #CEA38C
#CEA38C
Najbliższy nazwany kolor: Cashmere Clay
#CEA38C (rgb(206 163 140), hsl(21 40% 68%), oklch(0.749 0.06 49.5)) jest najbliższy nazwanemu kolorowi Cashmere Clay. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CEA38C
oklch(0.749 0.06 49.5)
Konwersje koloru
- HEX
- #cea38c
- RGB
- rgb(206 163 140)
- HSL
- hsl(21 40% 68%)
- HWB
- hwb(21 55% 19%)
- OKLCH
- oklch(0.749 0.06 49.5)
- OKLab
- oklab(0.749 0.039 0.046)
- CIE Lab
- lab(70.58 13.99 18.36)
- LCH
- lch(70.58 23.08 52.7)
- CMYK
- cmyk(0% 21% 32% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D3AC97
- D8B5A2
- DDBEAE
- E2C7B9
- E7D0C5
- ECDAD0
- F1E3DC
- F6ECE7
- FAF6F3
Odcienie ciemniejsze
- B38D79
- 987867
- 7F6355
- 664F43
- 4E3C33
- 382A23
- 231914
- 0F0A07
- 020101
Tony
- C6A08B
- BE9C8A
- B69989
- AF9588
- A79286
- 9F8E85
- 978B84
- 8F8783
- 888481
Harmonie kolorów
Komplementarna +180°
- CEA38C
Cashmere Clay
- 86B5CD
≈ Batch Blue
Analogowa -30° +30°
- CEA38C
Cashmere Clay
- D19F9E
≈ Sakura Mochi
- C2AA82
≈ Pony
Triada +120° +240°
- CEA38C
Cashmere Clay
- 87BAA7
≈ Patina Hue
- ACA8D2
≈ Monastic
Komplementarna rozszczepiona +150° +210°
- CEA38C
Cashmere Clay
- 7FBABC
≈ Coastal Fringe
- 97AFD4
≈ Lazy Day
Tetrada +90° +180° +270°
- CEA38C
Cashmere Clay
- 9AB793
≈ Brookview
- 86B5CD
≈ Batch Blue
- BFA2C6
≈ Pale Grape
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.27:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.24:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.24:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--cashmere-clay: #cea38c;
--cashmere-clay-rgb: 206 163 140;
--cashmere-clay-oklch: oklch(0.749 0.06 49.5);
}
.element {
color: var(--cashmere-clay);
background-color: hsl(21 40% 68%);
border-color: oklch(0.749 0.06 49.5);
}Tailwind CSS v4
@theme {
--color-cashmere-clay: #cea38c;
--color-cashmere-clay-50: #fff1e6;
--color-cashmere-clay-100: #f9e3d6;
--color-cashmere-clay-200: #eacebd;
--color-cashmere-clay-300: #d1af9c;
--color-cashmere-clay-400: #bd947f;
--color-cashmere-clay-500: #a77b62;
--color-cashmere-clay-600: #8e6854;
--color-cashmere-clay-700: #715343;
--color-cashmere-clay-800: #543c30;
--color-cashmere-clay-900: #3b2921;
--color-cashmere-clay-950: #251710;
}SCSS
$cashmere-clay: #cea38c;
$cashmere-clay-rgb: 206, 163, 140;
$cashmere-clay-light: mix(#fff, $cashmere-clay, 20%);
$cashmere-clay-dark: mix(#000, $cashmere-clay, 20%);
.element {
color: $cashmere-clay;
box-shadow: 0 0 0 2px rgba($cashmere-clay, 0.35);
}