Nazwany kolor · #E0D2A9
Gratin Dauphinois
Gratin Dauphinois to #E0D2A9: rgb(224 210 169), hsl(45 47% 77%), oklch(0.865 0.056 91.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Gratin Dauphinois color name →
#E0D2A9
oklch(0.865 0.056 91.4)
Konwersje koloru
- HEX
- #e0d2a9
- RGB
- rgb(224 210 169)
- HSL
- hsl(45 47% 77%)
- HWB
- hwb(45 66% 12%)
- OKLCH
- oklch(0.865 0.056 91.4)
- OKLab
- oklab(0.865 -0.001 0.056)
- CIE Lab
- lab(84.58 0.32 22.25)
- LCH
- lch(84.58 22.25 89.2)
- CMYK
- cmyk(0% 6% 25% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3D6B2
- E6DBBA
- E9DFC3
- ECE4CB
- EFE8D4
- F3EDDD
- F6F1E5
- F9F6EE
- FCFAF6
Odcienie ciemniejsze
- C3B692
- A69B7C
- 8A8167
- 706853
- 56503F
- 3E392C
- 27241B
- 12100A
- 020201
Tony
- D6CAA5
- CCC1A1
- C2B99D
- B8B099
- AFA895
- A5A091
- 9C988D
- 929088
- 898884
Harmonie kolorów
Komplementarna +180°
- E0D2A9
Gratin Dauphinois
- C5D1F9
≈ Frozen Periwinkle
Analogowa -30° +30°
- E0D2A9
Gratin Dauphinois
- EFCBAE
≈ Pastel Peach
- CCD9B0
≈ Chameleon
Triada +120° +240°
- E0D2A9
Gratin Dauphinois
- A8DDE8
≈ Early July
- E9C6E4
≈ Sweet Murmur
Komplementarna rozszczepiona +150° +210°
- E0D2A9
Gratin Dauphinois
- B3D8F5
≈ Blue Rice
- D9CBF2
≈ Foggy Love
Tetrada +90° +180° +270°
- E0D2A9
Gratin Dauphinois
- AADFD5
≈ Jaded Clouds
- C5D1F9
≈ Frozen Periwinkle
- F3C4D0
≈ In the Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.50:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.96:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 13.96:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--gratin-dauphinois: #e0d2a9;
--gratin-dauphinois-rgb: 224 210 169;
--gratin-dauphinois-oklch: oklch(0.865 0.056 91.4);
}
.element {
color: var(--gratin-dauphinois);
background-color: hsl(45 47% 77%);
border-color: oklch(0.865 0.056 91.4);
}Tailwind CSS v4
@theme {
--color-gratin-dauphinois: #e0d2a9;
--color-gratin-dauphinois-50: #faf5e3;
--color-gratin-dauphinois-100: #eee8d3;
--color-gratin-dauphinois-200: #dcd4ba;
--color-gratin-dauphinois-300: #c1b797;
--color-gratin-dauphinois-400: #ab9e79;
--color-gratin-dauphinois-500: #94855b;
--color-gratin-dauphinois-600: #7d714d;
--color-gratin-dauphinois-700: #645a3d;
--color-gratin-dauphinois-800: #4a422c;
--color-gratin-dauphinois-900: #332d1d;
--color-gratin-dauphinois-950: #1f1a0d;
}SCSS
$gratin-dauphinois: #e0d2a9;
$gratin-dauphinois-rgb: 224, 210, 169;
$gratin-dauphinois-light: mix(#fff, $gratin-dauphinois, 20%);
$gratin-dauphinois-dark: mix(#000, $gratin-dauphinois, 20%);
.element {
color: $gratin-dauphinois;
box-shadow: 0 0 0 2px rgba($gratin-dauphinois, 0.35);
}