Najbliższy nazwany kolor · #00C6D6
#00C6D6
Najbliższy nazwany kolor: Sea Serpent
#00C6D6 (rgb(0 198 214), hsl(184 100% 42%), oklch(0.754 0.129 205.1)) jest najbliższy nazwanemu kolorowi Sea Serpent. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#00C6D6
oklch(0.754 0.129 205.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 43CCDA
- 62D2DE
- 7AD8E3
- 90DEE7
- A4E3EB
- B7E9EF
- CAEFF3
- DCF4F7
- EEFAFB
Odcienie ciemniejsze
- 00ACBA
- 00929E
- 007A84
- 00626A
- 004B52
- 00353B
- 002125
- 000E10
- 000202
Tony
- 31BFCD
- 45B8C4
- 52B1BC
- 5DAAB3
- 66A3AA
- 6D9CA2
- 739599
- 788E91
- 7C8788
Harmonie kolorów
Komplementarna +180°
- 00C6D6
Sea Serpent
- F68D85
≈ Ibis Wing
Analogowa -30° +30°
- 00C6D6
Sea Serpent
- 37C9AB
≈ Disc Jockey
- 4EBCF5
≈ Megaman
Triada +120° +240°
- 00C6D6
Sea Serpent
- D892DC
≈ Somewhere in a Fairytale
- D4A841
≈ Brassed Off
Komplementarna rozszczepiona +150° +210°
- 00C6D6
Sea Serpent
- EF8BB3
≈ Brown Knapweed
- ED985A
≈ Ridgeback
Tetrada +90° +180° +270°
- 00C6D6
Sea Serpent
- B59EF8
≈ Lavender Cream
- F68D85
≈ Ibis Wing
- ADB951
≈ Japanese Fern
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.08:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.04:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.04:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
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);
}