Colore con nome più vicino · #00C2D3
#00C2D3
Colore con nome più vicino: Sea Serpent
#00C2D3 (rgb(0 194 211), hsl(185 100% 41%), oklch(0.743 0.127 205.9)) è più vicino al colore con nome Sea Serpent. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#00C2D3
oklch(0.743 0.127 205.9)
Conversioni di colore
- HEX
- #00c2d3
- RGB
- rgb(0 194 211)
- HSL
- hsl(185 100% 41%)
- HWB
- hwb(185 0% 17%)
- OKLCH
- oklch(0.743 0.127 205.9)
- OKLab
- oklab(0.743 -0.114 -0.056)
- CIE Lab
- lab(71.3 -37.12 -20.69)
- LCH
- lch(71.3 42.5 209.1)
- CMYK
- cmyk(100% 8% 0% 17%)
Tinte · Ombre · Toni
Tinte
- 43C8D8
- 61CFDC
- 79D5E0
- 8FDBE5
- A3E1E9
- B7E7EE
- C9EDF2
- DBF3F6
- EDF9FB
Ombre
- 00A8B7
- 008F9C
- 007782
- 006069
- 004951
- 00343A
- 002024
- 000E10
- 000202
Toni
- 30BBCA
- 44B5C2
- 52AEBA
- 5CA8B1
- 65A1A9
- 6C9BA1
- 729498
- 788D90
- 7C8788
Armonie di colore
Complementare +180°
- 00C2D3
Sea Serpent
- F28A81
≈ Cheery
Analogo -30° +30°
- 00C2D3
Sea Serpent
- 33C6A9
≈ Jade Mountain
- 4EB8F1
≈ Megaman
Triadico +120° +240°
- 00C2D3
Sea Serpent
- D58FD7
≈ Somewhere in a Fairytale
- D0A540
≈ Golden Age Gilt
Complementare divisa +150° +210°
- 00C2D3
Sea Serpent
- EB88AE
≈ Brown Knapweed
- E99557
≈ Bronze Cup
Tetradico +90° +180° +270°
- 00C2D3
Sea Serpent
- B39AF3
≈ Dreamy Candy Forest
- F28A81
≈ Cheery
- A8B650
≈ Green Banana
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.17:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.65:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.65:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--sea-serpent: #00c2d3;
--sea-serpent-rgb: 0 194 211;
--sea-serpent-oklch: oklch(0.743 0.127 205.9);
}
.element {
color: var(--sea-serpent);
background-color: hsl(185 100% 41%);
border-color: oklch(0.743 0.127 205.9);
}Tailwind CSS v4
@theme {
--color-sea-serpent: #00c2d3;
--color-sea-serpent-50: #ccffff;
--color-sea-serpent-100: #b6f5fe;
--color-sea-serpent-200: #91e4f1;
--color-sea-serpent-300: #5ccad9;
--color-sea-serpent-400: #00b3c3;
--color-sea-serpent-500: #009caf;
--color-sea-serpent-600: #008494;
--color-sea-serpent-700: #006a77;
--color-sea-serpent-800: #004e56;
--color-sea-serpent-900: #00363c;
--color-sea-serpent-950: #002126;
}SCSS
$sea-serpent: #00c2d3;
$sea-serpent-rgb: 0, 194, 211;
$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);
}