Colore con nome · #006E81
Crystal Teal
Crystal Teal è #006E81: rgb(0 110 129), hsl(189 100% 25%), oklch(0.495 0.088 215.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Crystal Teal color name →
#006E81
oklch(0.495 0.088 215.1)
Conversioni di colore
- HEX
- #006e81
- RGB
- rgb(0 110 129)
- HSL
- hsl(189 100% 25%)
- HWB
- hwb(189 0% 49%)
- OKLCH
- oklch(0.495 0.088 215.1)
- OKLab
- oklab(0.495 -0.072 -0.05)
- CIE Lab
- lab(42.01 -22.03 -18.54)
- LCH
- lch(42.01 28.8 220.1)
- CMYK
- cmyk(100% 15% 0% 49%)
Tinte · Ombre · Toni
Tinte
- 2E7C8D
- 498A99
- 6198A6
- 78A6B2
- 8EB5BF
- A5C3CB
- BBD2D8
- D1E1E5
- E8F0F2
Ombre
- 005F6F
- 00505E
- 00414E
- 00333E
- 00262E
- 00191F
- 000E12
- 000406
- 000101
Toni
- 207081
- 307281
- 3D7481
- 497681
- 537881
- 5D7A81
- 667B81
- 6F7D81
- 787E80
Armonie di colore
Complementare +180°
- 006E81
Crystal Teal
- 8C4E3F
≈ Earth Crust
Analogo -30° +30°
- 006E81
Crystal Teal
- 007269
≈ Pharaoh’s Gem
- 326690
≈ Drake’s Neck
Triadico +120° +240°
- 006E81
Crystal Teal
- 804E76
≈ Phlox Flower Violet
- 71611D
≈ Brassy Brass
Complementare divisa +150° +210°
- 006E81
Crystal Teal
- 8B4B5B
≈ Hawthorn Rose
- 845726
≈ Precious Copper
Tetradico +90° +180° +270°
- 006E81
Crystal Teal
- 6E548A
≈ Magenta Violet
- 8C4E3F
≈ Earth Crust
- 566B30
≈ Fig Leaf
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.91:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.54:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.91:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--crystal-teal: #006e81;
--crystal-teal-rgb: 0 110 129;
--crystal-teal-oklch: oklch(0.495 0.088 215.1);
}
.element {
color: var(--crystal-teal);
background-color: hsl(189 100% 25%);
border-color: oklch(0.495 0.088 215.1);
}Tailwind CSS v4
@theme {
--color-crystal-teal: #006e81;
--color-crystal-teal-50: #dafcff;
--color-crystal-teal-100: #c8f0fb;
--color-crystal-teal-200: #aadeed;
--color-crystal-teal-300: #83c3d5;
--color-crystal-teal-400: #5cacbf;
--color-crystal-teal-500: #2d95aa;
--color-crystal-teal-600: #297e90;
--color-crystal-teal-700: #216573;
--color-crystal-teal-800: #154a54;
--color-crystal-teal-900: #0d333b;
--color-crystal-teal-950: #011f25;
}SCSS
$crystal-teal: #006e81;
$crystal-teal-rgb: 0, 110, 129;
$crystal-teal-light: mix(#fff, $crystal-teal, 20%);
$crystal-teal-dark: mix(#000, $crystal-teal, 20%);
.element {
color: $crystal-teal;
box-shadow: 0 0 0 2px rgba($crystal-teal, 0.35);
}