Nächste benannte Farbe · #C8FFFF
#C8FFFF
Nächste benannte Farbe: Friendly Frost
#C8FFFF (rgb(200 255 255), hsl(180 100% 89%), oklch(0.963 0.055 196.3)) liegt am nächsten an der benannten Farbe Friendly Frost. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#C8FFFF
oklch(0.963 0.055 196.3)
Farbumrechnungen
- HEX
- #c8ffff
- RGB
- rgb(200 255 255)
- HSL
- hsl(180 100% 89%)
- HWB
- hwb(180 78% 0%)
- OKLCH
- oklch(0.963 0.055 196.3)
- OKLab
- oklab(0.963 -0.053 -0.016)
- CIE Lab
- lab(96.25 -17.93 -6)
- LCH
- lch(96.25 18.91 198.5)
- CMYK
- cmyk(22% 0% 0% 0%)
Tints · Shades · Tones
Tints
- CEFFFF
- D4FFFF
- D9FFFF
- DFFFFF
- E5FFFF
- EAFFFF
- EFFFFF
- F5FFFF
- FAFFFF
Shades
- AEDEDE
- 94BEBE
- 7B9E9E
- 638080
- 4C6363
- 364848
- 212E2E
- 0F1616
- 020303
Tones
- C1F2F2
- BAE4E4
- B3D7D7
- ABCACA
- A4BEBE
- 9DB1B1
- 96A4A4
- 8F9898
- 878C8C
Farbharmonien
Komplementär +180°
- C8FFFF
Friendly Frost
- FFEEEE
≈ White Gloss
Analog -30° +30°
- C8FFFF
Friendly Frost
- D1FFEB
≈ Mint Coffee
- E3F6FF
≈ Kodama White
Triadisch +120° +240°
- C8FFFF
Friendly Frost
- FAEEFF
≈ Lovely Euphoric Delight
- FFF0DC
≈ Peach Cream
Geteilt komplementär +150° +210°
- C8FFFF
Friendly Frost
- FFEDF6
≈ Partial Pink
- FFEFE8
≈ Strawberry Dust
Tetradisch +90° +180° +270°
- C8FFFF
Friendly Frost
- F1F1FF
≈ Cloud Break
- FFEEEE
≈ White Gloss
- F7F6CB
≈ Electric Arc
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.09:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 19.20:1 · APCA Lc 101
Beste Textfarbe: #000000
WCAG 19.20:1 (AAA) · APCA Lc 101
Contrast pairs
Code-Snippets
CSS
:root {
--friendly-frost: #c8ffff;
--friendly-frost-rgb: 200 255 255;
--friendly-frost-oklch: oklch(0.963 0.055 196.3);
}
.element {
color: var(--friendly-frost);
background-color: hsl(180 100% 89%);
border-color: oklch(0.963 0.055 196.3);
}Tailwind CSS v4
@theme {
--color-friendly-frost: #c8ffff;
--color-friendly-frost-50: #e4fafb;
--color-friendly-frost-100: #d4eeef;
--color-friendly-frost-200: #badcdd;
--color-friendly-frost-300: #97c1c2;
--color-friendly-frost-400: #77a9a9;
--color-friendly-frost-500: #589292;
--color-friendly-frost-600: #4b7b7c;
--color-friendly-frost-700: #3c6363;
--color-friendly-frost-800: #2a4948;
--color-friendly-frost-900: #1d3232;
--color-friendly-frost-950: #0c1e1e;
}SCSS
$friendly-frost: #c8ffff;
$friendly-frost-rgb: 200, 255, 255;
$friendly-frost-light: mix(#fff, $friendly-frost, 20%);
$friendly-frost-dark: mix(#000, $friendly-frost, 20%);
.element {
color: $friendly-frost;
box-shadow: 0 0 0 2px rgba($friendly-frost, 0.35);
}