Benannte Farbe · #8895C5
Pale Iris
Pale Iris ist #8895C5: rgb(136 149 197), hsl(227 34% 65%), oklch(0.677 0.073 272.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Pale Iris color name →
#8895C5
oklch(0.677 0.073 272.6)
Farbumrechnungen
- HEX
- #8895c5
- RGB
- rgb(136 149 197)
- HSL
- hsl(227 34% 65%)
- HWB
- hwb(227 53% 23%)
- OKLCH
- oklch(0.677 0.073 272.6)
- OKLab
- oklab(0.677 0.003 -0.073)
- CIE Lab
- lab(62 3.7 -26.62)
- LCH
- lch(62 26.88 277.9)
- CMYK
- cmyk(31% 24% 0% 23%)
Tints · Shades · Tones
Tints
- 939FCB
- 9FAAD1
- AAB4D7
- B6BFDD
- C2C9E3
- CED4E8
- DADFEE
- E6E9F4
- F2F4F9
Shades
- 7581AB
- 636D92
- 525A79
- 414861
- 31374B
- 222635
- 131621
- 06080E
- 010102
Tones
- 8793BE
- 8691B7
- 868FB0
- 858DA9
- 848BA2
- 83899C
- 828795
- 82848E
- 818287
Farbharmonien
Komplementär +180°
- 8895C5
Pale Iris
- A79763
≈ Eco Green
Analog -30° +30°
- 8895C5
Pale Iris
- 6F9DC1
≈ Blue Promise
- A08DBD
≈ Classic Bouquet
Triadisch +120° +240°
- 8895C5
Pale Iris
- C0877B
≈ Whisky
- 75A582
≈ Corporate Green
Geteilt komplementär +150° +210°
- 8895C5
Pale Iris
- B88E68
≈ Fire Dust
- 8F9F6D
≈ Lady Fern
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.93:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.15:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.15:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--pale-iris: #8895c5;
--pale-iris-rgb: 136 149 197;
--pale-iris-oklch: oklch(0.677 0.073 272.6);
}
.element {
color: var(--pale-iris);
background-color: hsl(227 34% 65%);
border-color: oklch(0.677 0.073 272.6);
}Tailwind CSS v4
@theme {
--color-pale-iris: #8895c5;
--color-pale-iris-50: #eef4ff;
--color-pale-iris-100: #e0e7ff;
--color-pale-iris-200: #cad3f4;
--color-pale-iris-300: #acb5dd;
--color-pale-iris-400: #909cca;
--color-pale-iris-500: #7683b7;
--color-pale-iris-600: #646f9a;
--color-pale-iris-700: #50597c;
--color-pale-iris-800: #39415c;
--color-pale-iris-900: #272d40;
--color-pale-iris-950: #151a29;
}SCSS
$pale-iris: #8895c5;
$pale-iris-rgb: 136, 149, 197;
$pale-iris-light: mix(#fff, $pale-iris, 20%);
$pale-iris-dark: mix(#000, $pale-iris, 20%);
.element {
color: $pale-iris;
box-shadow: 0 0 0 2px rgba($pale-iris, 0.35);
}