Nazwany kolor · #E9DBBE
Irish Cream
Irish Cream to #E9DBBE: rgb(233 219 190), hsl(40 49% 83%), oklch(0.895 0.041 85.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Irish Cream color name →
#E9DBBE
oklch(0.895 0.041 85.3)
Konwersje koloru
- HEX
- #e9dbbe
- RGB
- rgb(233 219 190)
- HSL
- hsl(40 49% 83%)
- HWB
- hwb(40 75% 9%)
- OKLCH
- oklch(0.895 0.041 85.3)
- OKLab
- oklab(0.895 0.003 0.041)
- CIE Lab
- lab(87.98 1.55 16.14)
- LCH
- lch(87.98 16.22 84.5)
- CMYK
- cmyk(0% 6% 18% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EBDFC4
- EDE2CB
- F0E6D1
- F2E9D8
- F4EDDE
- F6F1E5
- F8F4EB
- FBF8F2
- FDFBF8
Odcienie ciemniejsze
- CBBEA5
- ADA28C
- 908775
- 746D5E
- 5A5448
- 413C33
- 29261F
- 13110D
- 030202
Tony
- DED2B8
- D3C8B1
- C8BFAB
- BEB6A5
- B3AC9F
- A9A399
- 9E9A92
- 94928C
- 8A8986
Harmonie kolorów
Komplementarna +180°
- E9DBBE
Irish Cream
- CFDDF9
≈ Arc Light
Analogowa -30° +30°
- E9DBBE
Irish Cream
- F3D6C3
≈ Dreamsicle
- DBE0C1
≈ Mountain Spring
Triada +120° +240°
- E9DBBE
Irish Cream
- BEE5EA
≈ La Paz Siesta
- EBD4EC
≈ Scented Spring
Komplementarna rozszczepiona +150° +210°
- E9DBBE
Irish Cream
- C3E2F4
≈ Fresh Water
- DED8F6
≈ Japan Blush
Tetrada +90° +180° +270°
- E9DBBE
Irish Cream
- C1E6DB
≈ Tame Teal
- CFDDF9
≈ Arc Light
- F4D2DE
≈ Pomodoro e Mozzarella
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.36:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.34:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.34:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--irish-cream: #e9dbbe;
--irish-cream-rgb: 233 219 190;
--irish-cream-oklch: oklch(0.895 0.041 85.3);
}
.element {
color: var(--irish-cream);
background-color: hsl(40 49% 83%);
border-color: oklch(0.895 0.041 85.3);
}Tailwind CSS v4
@theme {
--color-irish-cream: #e9dbbe;
--color-irish-cream-50: #faf5e8;
--color-irish-cream-100: #eee7d9;
--color-irish-cream-200: #dcd4c1;
--color-irish-cream-300: #c0b7a0;
--color-irish-cream-400: #aa9d83;
--color-irish-cream-500: #938567;
--color-irish-cream-600: #7c7057;
--color-irish-cream-700: #635a46;
--color-irish-cream-800: #494132;
--color-irish-cream-900: #332d22;
--color-irish-cream-950: #1f1a11;
}SCSS
$irish-cream: #e9dbbe;
$irish-cream-rgb: 233, 219, 190;
$irish-cream-light: mix(#fff, $irish-cream, 20%);
$irish-cream-dark: mix(#000, $irish-cream, 20%);
.element {
color: $irish-cream;
box-shadow: 0 0 0 2px rgba($irish-cream, 0.35);
}