Nächste benannte Farbe · #00C6D6
#00C6D6
Nächste benannte Farbe: Sea Serpent
#00C6D6 (rgb(0 198 214), hsl(184 100% 42%), oklch(0.754 0.129 205.1)) liegt am nächsten an der benannten Farbe Sea Serpent. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#00C6D6
oklch(0.754 0.129 205.1)
Farbumrechnungen
- HEX
- #00c6d6
- RGB
- rgb(0 198 214)
- HSL
- hsl(184 100% 42%)
- HWB
- hwb(184 0% 16%)
- OKLCH
- oklch(0.754 0.129 205.1)
- OKLab
- oklab(0.754 -0.117 -0.055)
- CIE Lab
- lab(72.6 -38.02 -20.35)
- LCH
- lch(72.6 43.12 208.2)
- CMYK
- cmyk(100% 7% 0% 16%)
Tints · Shades · Tones
Tints
- 43CCDA
- 62D2DE
- 7AD8E3
- 90DEE7
- A4E3EB
- B7E9EF
- CAEFF3
- DCF4F7
- EEFAFB
Shades
- 00ACBA
- 00929E
- 007A84
- 00626A
- 004B52
- 00353B
- 002125
- 000E10
- 000202
Tones
- 31BFCD
- 45B8C4
- 52B1BC
- 5DAAB3
- 66A3AA
- 6D9CA2
- 739599
- 788E91
- 7C8788
Farbharmonien
Komplementär +180°
- 00C6D6
Sea Serpent
- F68D85
≈ Ibis Wing
Analog -30° +30°
- 00C6D6
Sea Serpent
- 37C9AB
≈ Disc Jockey
- 4EBCF5
≈ Megaman
Triadisch +120° +240°
- 00C6D6
Sea Serpent
- D892DC
≈ Somewhere in a Fairytale
- D4A841
≈ Brassed Off
Geteilt komplementär +150° +210°
- 00C6D6
Sea Serpent
- EF8BB3
≈ Brown Knapweed
- ED985A
≈ Ridgeback
Tetradisch +90° +180° +270°
- 00C6D6
Sea Serpent
- B59EF8
≈ Lavender Cream
- F68D85
≈ Ibis Wing
- ADB951
≈ Japanese Fern
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.08:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.04:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.04:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--sea-serpent: #00c6d6;
--sea-serpent-rgb: 0 198 214;
--sea-serpent-oklch: oklch(0.754 0.129 205.1);
}
.element {
color: var(--sea-serpent);
background-color: hsl(184 100% 42%);
border-color: oklch(0.754 0.129 205.1);
}Tailwind CSS v4
@theme {
--color-sea-serpent: #00c6d6;
--color-sea-serpent-50: #cbffff;
--color-sea-serpent-100: #b5f5fe;
--color-sea-serpent-200: #8fe4f0;
--color-sea-serpent-300: #5acad9;
--color-sea-serpent-400: #00b4c3;
--color-sea-serpent-500: #009daf;
--color-sea-serpent-600: #008593;
--color-sea-serpent-700: #006a76;
--color-sea-serpent-800: #004e56;
--color-sea-serpent-900: #00373c;
--color-sea-serpent-950: #002126;
}SCSS
$sea-serpent: #00c6d6;
$sea-serpent-rgb: 0, 198, 214;
$sea-serpent-light: mix(#fff, $sea-serpent, 20%);
$sea-serpent-dark: mix(#000, $sea-serpent, 20%);
.element {
color: $sea-serpent;
box-shadow: 0 0 0 2px rgba($sea-serpent, 0.35);
}