Benannte Farbe · #E8E5EC
Iris Isle
Iris Isle ist #E8E5EC: rgb(232 229 236), hsl(266 16% 91%), oklch(0.926 0.01 305.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Iris Isle color name →
#E8E5EC
oklch(0.926 0.01 305.4)
Farbumrechnungen
- HEX
- #e8e5ec
- RGB
- rgb(232 229 236)
- HSL
- hsl(266 16% 91%)
- HWB
- hwb(266 90% 7%)
- OKLCH
- oklch(0.926 0.01 305.4)
- OKLab
- oklab(0.926 0.006 -0.008)
- CIE Lab
- lab(91.33 1.98 -3.04)
- LCH
- lch(91.33 3.63 303.1)
- CMYK
- cmyk(2% 3% 0% 7%)
Tints · Shades · Tones
Tints
- EAE8EE
- EDEAF0
- EFEDF2
- F1EFF4
- F3F2F5
- F6F5F7
- F8F7F9
- FAFAFB
- FDFCFD
Shades
- CAC7CD
- ACAAAF
- 908E92
- 747276
- 59585B
- 403F42
- 292829
- 131213
- 030303
Tones
- DDDAE1
- D2D0D5
- C8C6CA
- BDBBBF
- B3B1B4
- A8A7AA
- 9E9D9F
- 949395
- 8A8A8A
Farbharmonien
Komplementär +180°
- E8E5EC
Iris Isle
- E5E8E1
≈ Poetic Licence
Analog -30° +30°
- E8E5EC
Iris Isle
- E4E6ED
≈ Genteel Lavender
- EBE4E9
≈ Calm Tint
Triadisch +120° +240°
- E8E5EC
Iris Isle
- EBE5E0
≈ Soft Violet
- E0E9E7
≈ Calm
Geteilt komplementär +150° +210°
- E8E5EC
Iris Isle
- E8E7DF
≈ Silver Dust
- E2E9E4
≈ Sea Pearl
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.24:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 16.85:1 · APCA Lc 92
Beste Textfarbe: #000000
WCAG 16.85:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--iris-isle: #e8e5ec;
--iris-isle-rgb: 232 229 236;
--iris-isle-oklch: oklch(0.926 0.01 305.4);
}
.element {
color: var(--iris-isle);
background-color: hsl(266 16% 91%);
border-color: oklch(0.926 0.01 305.4);
}Tailwind CSS v4
@theme {
--color-iris-isle: #e8e5ec;
--color-iris-isle-50: #f6f4f7;
--color-iris-isle-100: #e9e7ea;
--color-iris-isle-200: #d5d3d7;
--color-iris-isle-300: #b9b6bb;
--color-iris-isle-400: #a09da3;
--color-iris-isle-500: #88858c;
--color-iris-isle-600: #737076;
--color-iris-isle-700: #5c5a5e;
--color-iris-isle-800: #434245;
--color-iris-isle-900: #2e2d30;
--color-iris-isle-950: #1b1a1c;
}SCSS
$iris-isle: #e8e5ec;
$iris-isle-rgb: 232, 229, 236;
$iris-isle-light: mix(#fff, $iris-isle, 20%);
$iris-isle-dark: mix(#000, $iris-isle, 20%);
.element {
color: $iris-isle;
box-shadow: 0 0 0 2px rgba($iris-isle, 0.35);
}