Benannte Farbe · #C3E7EC
Ice Flower
Ice Flower ist #C3E7EC: rgb(195 231 236), hsl(187 52% 85%), oklch(0.904 0.038 206.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Ice Flower color name →
#C3E7EC
oklch(0.904 0.038 206.8)
Farbumrechnungen
- HEX
- #c3e7ec
- RGB
- rgb(195 231 236)
- HSL
- hsl(187 52% 85%)
- HWB
- hwb(187 76% 7%)
- OKLCH
- oklch(0.904 0.038 206.8)
- OKLab
- oklab(0.904 -0.034 -0.017)
- CIE Lab
- lab(89.16 -11.38 -6.58)
- LCH
- lch(89.16 13.14 210)
- CMYK
- cmyk(17% 2% 0% 7%)
Tints · Shades · Tones
Tints
- C9E9EE
- CFECF0
- D5EEF2
- DBF1F4
- E1F3F6
- E7F5F7
- EDF8F9
- F3FAFB
- F9FDFD
Shades
- A9C9CD
- 90ABAF
- 788F92
- 607376
- 4A595B
- 344042
- 202829
- 0E1313
- 020303
Tones
- BCDCE1
- B5D2D5
- AFC7CA
- A8BDBF
- A1B2B5
- 9BA8AA
- 949E9F
- 8D9495
- 878A8A
Farbharmonien
Komplementär +180°
- C3E7EC
Ice Flower
- F8D6D2
≈ Bloodthirsty Beige
Analog -30° +30°
- C3E7EC
Ice Flower
- C6E8DE
≈ Clear Aqua
- C8E4F6
≈ Fresh Water
Triadisch +120° +240°
- C3E7EC
Ice Flower
- EDD7ED
≈ Scented Spring
- EADEC3
≈ Adobe Sand
Geteilt komplementär +150° +210°
- C3E7EC
Ice Flower
- F6D5E0
≈ Pink Frosting
- F4D9C7
≈ Melon Ice
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.31:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.96:1 · APCA Lc 88
Beste Textfarbe: #000000
WCAG 15.96:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--ice-flower: #c3e7ec;
--ice-flower-rgb: 195 231 236;
--ice-flower-oklch: oklch(0.904 0.038 206.8);
}
.element {
color: var(--ice-flower);
background-color: hsl(187 52% 85%);
border-color: oklch(0.904 0.038 206.8);
}Tailwind CSS v4
@theme {
--color-ice-flower: #c3e7ec;
--color-ice-flower-50: #e9f8fb;
--color-ice-flower-100: #daecef;
--color-ice-flower-200: #c2d9dd;
--color-ice-flower-300: #a2bdc2;
--color-ice-flower-400: #85a5aa;
--color-ice-flower-500: #688e93;
--color-ice-flower-600: #59787c;
--color-ice-flower-700: #476063;
--color-ice-flower-800: #334649;
--color-ice-flower-900: #233132;
--color-ice-flower-950: #121d1e;
}SCSS
$ice-flower: #c3e7ec;
$ice-flower-rgb: 195, 231, 236;
$ice-flower-light: mix(#fff, $ice-flower, 20%);
$ice-flower-dark: mix(#000, $ice-flower, 20%);
.element {
color: $ice-flower;
box-shadow: 0 0 0 2px rgba($ice-flower, 0.35);
}