Colore con nome · #58C8B6
Cockatoo
Cockatoo è #58C8B6: rgb(88 200 182), hsl(170 50% 56%), oklch(0.763 0.106 181.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Cockatoo color name →
#58C8B6
oklch(0.763 0.106 181.2)
Conversioni di colore
- HEX
- #58c8b6
- RGB
- rgb(88 200 182)
- HSL
- hsl(170 50% 56%)
- HWB
- hwb(170 35% 22%)
- OKLCH
- oklch(0.763 0.106 181.2)
- OKLab
- oklab(0.763 -0.106 -0.002)
- CIE Lab
- lab(73.81 -36.71 -1.14)
- LCH
- lch(73.81 36.72 181.8)
- CMYK
- cmyk(56% 0% 9% 22%)
Tinte · Ombre · Toni
Tinte
- 6DCEBD
- 80D3C4
- 92D9CB
- A2DED3
- B2E4DA
- C2E9E1
- D2EFE9
- E1F4F0
- F0FAF7
Ombre
- 4BAE9E
- 3F9486
- 337B6F
- 286359
- 1D4C44
- 123630
- 09211D
- 030F0C
- 000202
Toni
- 60C1B0
- 66B9AB
- 6CB2A5
- 70ABA0
- 74A49B
- 789D95
- 7A9590
- 7D8E8B
- 7F8785
Armonie di colore
Complementare +180°
- 58C8B6
Cockatoo
- EA95AE
≈ Double Bubble
Analogo -30° +30°
- 58C8B6
Cockatoo
- 7EC590
≈ Green Gala
- 52C4D8
≈ Naxos Sky
Triadico +120° +240°
- 58C8B6
Cockatoo
- BEA2EB
≈ Lavender Cream
- E3A26A
≈ India Trade
Complementare divisa +150° +210°
- 58C8B6
Cockatoo
- D999D1
≈ Velvet Horizon
- ED9888
≈ Whimsy
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.35:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.35:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--cockatoo: #58c8b6;
--cockatoo-rgb: 88 200 182;
--cockatoo-oklch: oklch(0.763 0.106 181.2);
}
.element {
color: var(--cockatoo);
background-color: hsl(170 50% 56%);
border-color: oklch(0.763 0.106 181.2);
}Tailwind CSS v4
@theme {
--color-cockatoo: #58c8b6;
--color-cockatoo-50: #d5fff8;
--color-cockatoo-100: #c2f4eb;
--color-cockatoo-200: #a1e4d9;
--color-cockatoo-300: #75c9bd;
--color-cockatoo-400: #49b3a2;
--color-cockatoo-500: #009c8a;
--color-cockatoo-600: #008475;
--color-cockatoo-700: #006a5e;
--color-cockatoo-800: #014e43;
--color-cockatoo-900: #03362e;
--color-cockatoo-950: #00211b;
}SCSS
$cockatoo: #58c8b6;
$cockatoo-rgb: 88, 200, 182;
$cockatoo-light: mix(#fff, $cockatoo, 20%);
$cockatoo-dark: mix(#000, $cockatoo, 20%);
.element {
color: $cockatoo;
box-shadow: 0 0 0 2px rgba($cockatoo, 0.35);
}