Adlandırılmış renk · #E0D2A9
Gratin Dauphinois
Gratin Dauphinois, #E0D2A9: rgb(224 210 169), hsl(45 47% 77%), oklch(0.865 0.056 91.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Gratin Dauphinois color name →
#E0D2A9
oklch(0.865 0.056 91.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E3D6B2
- E6DBBA
- E9DFC3
- ECE4CB
- EFE8D4
- F3EDDD
- F6F1E5
- F9F6EE
- FCFAF6
Koyu tonlar
- C3B692
- A69B7C
- 8A8167
- 706853
- 56503F
- 3E392C
- 27241B
- 12100A
- 020201
Gri tonlar
- D6CAA5
- CCC1A1
- C2B99D
- B8B099
- AFA895
- A5A091
- 9C988D
- 929088
- 898884
Renk uyumları
Tamamlayıcı +180°
- E0D2A9
Gratin Dauphinois
- C5D1F9
≈ Frozen Periwinkle
Analog -30° +30°
- E0D2A9
Gratin Dauphinois
- EFCBAE
≈ Pastel Peach
- CCD9B0
≈ Chameleon
Üçlü +120° +240°
- E0D2A9
Gratin Dauphinois
- A8DDE8
≈ Early July
- E9C6E4
≈ Sweet Murmur
Bölünmüş tamamlayıcı +150° +210°
- E0D2A9
Gratin Dauphinois
- B3D8F5
≈ Blue Rice
- D9CBF2
≈ Foggy Love
Dörtlü +90° +180° +270°
- E0D2A9
Gratin Dauphinois
- AADFD5
≈ Jaded Clouds
- C5D1F9
≈ Frozen Periwinkle
- F3C4D0
≈ In the Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.50:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.96:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 13.96:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
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);
}