Benannte Farbe · #0FFEF9
Kaltes Klares Wasser
Kaltes Klares Wasser ist #0FFEF9: rgb(15 254 249), hsl(179 99% 53%), oklch(0.902 0.154 192.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Kaltes Klares Wasser color name →
#0FFEF9
oklch(0.902 0.154 192.2)
Farbumrechnungen
- HEX
- #0ffef9
- RGB
- rgb(15 254 249)
- HSL
- hsl(179 99% 53%)
- HWB
- hwb(179 6% 0%)
- OKLCH
- oklch(0.902 0.154 192.2)
- OKLab
- oklab(0.902 -0.15 -0.033)
- CIE Lab
- lab(90.28 -51.28 -12.44)
- LCH
- lch(90.28 52.77 193.6)
- CMYK
- cmyk(94% 0% 2% 0%)
Tints · Shades · Tones
Tints
- 51FFFA
- 71FFFA
- 8AFFFB
- 9FFFFC
- B1FFFC
- C3FFFD
- D3FFFD
- E2FFFE
- F1FFFE
Shades
- 0BDDD9
- 08BDB9
- 059E9A
- 03807D
- 026361
- 014746
- 002D2C
- 001615
- 000303
Tones
- 3DF1EC
- 52E4E0
- 5FD7D3
- 69CBC7
- 71BEBB
- 76B1AF
- 7AA5A3
- 7D9997
- 7F8C8B
Farbharmonien
Komplementär +180°
- 0FFEF9
Kaltes Klares Wasser
- FFD1D5
≈ Love Fumes
Analog -30° +30°
- 0FFEF9
Kaltes Klares Wasser
- 6EFEBF
≈ Mint Bliss
- ADE9FF
≈ Fresh Air
Triadisch +120° +240°
- 0FFEF9
Kaltes Klares Wasser
- EED2FF
≈ Rose Dragée
- FFD7A6
≈ Fresh Apricot
Geteilt komplementär +150° +210°
- 0FFEF9
Kaltes Klares Wasser
- FFCEEB
≈ Infra-White
- FFD4C3
≈ Coral Dune
Tetradisch +90° +180° +270°
- 0FFEF9
Kaltes Klares Wasser
- D9DBFF
≈ Transparent Blue
- FFD1D5
≈ Love Fumes
- F3E25B
≈ Flame Seal
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.26:1 · APCA Lc 13
Ag
AAAAuf Schwarz
WCAG 16.56:1 · APCA Lc 91
Beste Textfarbe: #000000
WCAG 16.56:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--kaltes-klares-wasser: #0ffef9;
--kaltes-klares-wasser-rgb: 15 254 249;
--kaltes-klares-wasser-oklch: oklch(0.902 0.154 192.2);
}
.element {
color: var(--kaltes-klares-wasser);
background-color: hsl(179 99% 53%);
border-color: oklch(0.902 0.154 192.2);
}Tailwind CSS v4
@theme {
--color-kaltes-klares-wasser: #0ffef9;
--color-kaltes-klares-wasser-50: #c2ffff;
--color-kaltes-klares-wasser-100: #aaf9f7;
--color-kaltes-klares-wasser-200: #7de9e8;
--color-kaltes-klares-wasser-300: #34d0cf;
--color-kaltes-klares-wasser-400: #00bab6;
--color-kaltes-klares-wasser-500: #00a3a1;
--color-kaltes-klares-wasser-600: #008a88;
--color-kaltes-klares-wasser-700: #006f6d;
--color-kaltes-klares-wasser-800: #00524e;
--color-kaltes-klares-wasser-900: #003936;
--color-kaltes-klares-wasser-950: #002321;
}SCSS
$kaltes-klares-wasser: #0ffef9;
$kaltes-klares-wasser-rgb: 15, 254, 249;
$kaltes-klares-wasser-light: mix(#fff, $kaltes-klares-wasser, 20%);
$kaltes-klares-wasser-dark: mix(#000, $kaltes-klares-wasser, 20%);
.element {
color: $kaltes-klares-wasser;
box-shadow: 0 0 0 2px rgba($kaltes-klares-wasser, 0.35);
}