Najbliższy nazwany kolor · #D1A591
#D1A591
Najbliższy nazwany kolor: Cashmere Clay
#D1A591 (rgb(209 165 145), hsl(19 41% 69%), oklch(0.757 0.059 45.7)) jest najbliższy nazwanemu kolorowi Cashmere Clay. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D1A591
oklch(0.757 0.059 45.7)
Konwersje koloru
- HEX
- #d1a591
- RGB
- rgb(209 165 145)
- HSL
- hsl(19 41% 69%)
- HWB
- hwb(19 57% 18%)
- OKLCH
- oklch(0.757 0.059 45.7)
- OKLab
- oklab(0.757 0.041 0.042)
- CIE Lab
- lab(71.47 14.63 16.91)
- LCH
- lch(71.47 22.36 49.1)
- CMYK
- cmyk(0% 21% 31% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6AE9C
- DBB7A6
- DFC0B1
- E4C8BC
- E9D1C7
- EDDAD2
- F2E4DD
- F6EDE8
- FBF6F4
Odcienie ciemniejsze
- B58F7D
- 9B796A
- 816558
- 685146
- 503D35
- 392B25
- 231A15
- 100A07
- 020101
Tony
- C9A18F
- C19E8E
- B89A8C
- B0968B
- A89389
- A08F87
- 988B85
- 908784
- 888482
Harmonie kolorów
Komplementarna +180°
- D1A591
Cashmere Clay
- 88B9CD
≈ Blue Bird Morning
Analogowa -30° +30°
- D1A591
Cashmere Clay
- D3A1A3
≈ Ruby Eye
- C6AB86
≈ Middlestone
Triada +120° +240°
- D1A591
Cashmere Clay
- 8DBDA7
≈ Lichen
- ACABD5
≈ Monastic
Komplementarna rozszczepiona +150° +210°
- D1A591
Cashmere Clay
- 83BCBC
≈ Riverbed
- 98B2D6
≈ Echo Isles Water
Tetrada +90° +180° +270°
- D1A591
Cashmere Clay
- A0B994
≈ Norway
- 88B9CD
≈ Blue Bird Morning
- BFA5CA
≈ Lavendula
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.21:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.50:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.50:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
CSS
:root {
--cashmere-clay: #d1a591;
--cashmere-clay-rgb: 209 165 145;
--cashmere-clay-oklch: oklch(0.757 0.059 45.7);
}
.element {
color: var(--cashmere-clay);
background-color: hsl(19 41% 69%);
border-color: oklch(0.757 0.059 45.7);
}Tailwind CSS v4
@theme {
--color-cashmere-clay: #d1a591;
--color-cashmere-clay-50: #fff1e7;
--color-cashmere-clay-100: #fae2d7;
--color-cashmere-clay-200: #ebcdbf;
--color-cashmere-clay-300: #d2af9e;
--color-cashmere-clay-400: #bd9481;
--color-cashmere-clay-500: #a87a65;
--color-cashmere-clay-600: #8e6756;
--color-cashmere-clay-700: #725344;
--color-cashmere-clay-800: #543c32;
--color-cashmere-clay-900: #3b2922;
--color-cashmere-clay-950: #251711;
}SCSS
$cashmere-clay: #d1a591;
$cashmere-clay-rgb: 209, 165, 145;
$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);
}