Colore con nome · #00606F
Cool Dive
Cool Dive è #00606F: rgb(0 96 111), hsl(188 100% 22%), oklch(0.449 0.079 213). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Cool Dive color name →
#00606F
oklch(0.449 0.079 213)
Conversioni di colore
- HEX
- #00606f
- RGB
- rgb(0 96 111)
- HSL
- hsl(188 100% 22%)
- HWB
- hwb(188 0% 56%)
- OKLCH
- oklch(0.449 0.079 213)
- OKLab
- oklab(0.449 -0.066 -0.043)
- CIE Lab
- lab(36.65 -20.57 -15.81)
- LCH
- lch(36.65 25.94 217.5)
- CMYK
- cmyk(100% 14% 0% 56%)
Tinte · Ombre · Toni
Tinte
- 2B6F7D
- 457E8A
- 5D8E98
- 749DA7
- 8AADB5
- A1BDC3
- B8CDD2
- D0DEE1
- E7EEF0
Ombre
- 005260
- 004551
- 003842
- 002C34
- 002027
- 00151A
- 000A0E
- 000304
- 000001
Toni
- 1D6371
- 2D6773
- 3A6A74
- 456D76
- 507178
- 5A747A
- 64777B
- 6D7A7D
- 777D7E
Armonie di colore
Complementare +180°
- 00606F
Cool Dive
- 7B4438
≈ Chocolate Magma
Analogo -30° +30°
- 00606F
Cool Dive
- 056359
≈ Dancing Peacock
- 295A7D
≈ Bahama Blue
Triadico +120° +240°
- 00606F
Cool Dive
- 6F4468
≈ Old Fashioned Purple
- 645419
≈ Olive Brown
Complementare divisa +150° +210°
- 00606F
Cool Dive
- 794151
≈ Berry Bush
- 744B22
≈ Vintage Wood
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.23:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.90:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.23:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--cool-dive: #00606f;
--cool-dive-rgb: 0 96 111;
--cool-dive-oklch: oklch(0.449 0.079 213);
}
.element {
color: var(--cool-dive);
background-color: hsl(188 100% 22%);
border-color: oklch(0.449 0.079 213);
}Tailwind CSS v4
@theme {
--color-cool-dive: #00606f;
--color-cool-dive-50: #ddfbff;
--color-cool-dive-100: #cbeff8;
--color-cool-dive-200: #afdde9;
--color-cool-dive-300: #88c2d1;
--color-cool-dive-400: #64abba;
--color-cool-dive-500: #3c94a5;
--color-cool-dive-600: #347d8c;
--color-cool-dive-700: #2a6470;
--color-cool-dive-800: #1c4a52;
--color-cool-dive-900: #123339;
--color-cool-dive-950: #041f23;
}SCSS
$cool-dive: #00606f;
$cool-dive-rgb: 0, 96, 111;
$cool-dive-light: mix(#fff, $cool-dive, 20%);
$cool-dive-dark: mix(#000, $cool-dive, 20%);
.element {
color: $cool-dive;
box-shadow: 0 0 0 2px rgba($cool-dive, 0.35);
}