Colore con nome · #155D66
Tropical Skies
Tropical Skies è #155D66: rgb(21 93 102), hsl(187 66% 24%), oklch(0.44 0.068 207.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Tropical Skies color name →
#155D66
oklch(0.44 0.068 207.5)
Conversioni di colore
- HEX
- #155d66
- RGB
- rgb(21 93 102)
- HSL
- hsl(187 66% 24%)
- HWB
- hwb(187 8% 60%)
- OKLCH
- oklch(0.44 0.068 207.5)
- OKLab
- oklab(0.44 -0.061 -0.032)
- CIE Lab
- lab(35.63 -19.66 -11.77)
- LCH
- lch(35.63 22.91 210.9)
- CMYK
- cmyk(79% 9% 0% 60%)
Tinte · Ombre · Toni
Tinte
- 326C74
- 4A7B83
- 608B91
- 769BA0
- 8DABB0
- A3BBBF
- B9CCCF
- D0DDDF
- E8EEEF
Ombre
- 115058
- 0C434A
- 08373C
- 052A2F
- 031F23
- 021417
- 010A0C
- 000304
- 000000
Toni
- 266169
- 32646B
- 3E686E
- 486B71
- 526F73
- 5B7276
- 657678
- 6E797B
- 777D7D
Armonie di colore
Complementare +180°
- 155D66
Tropical Skies
- 74433D
≈ Rocky Mountain Red
Analogo -30° +30°
- 155D66
Tropical Skies
- 1E5F52
≈ Teal Drama
- 2A5874
≈ Sacrifice
Triadico +120° +240°
- 155D66
Tropical Skies
- 674566
≈ Sultana
- 635022
≈ Jungle Beat
Complementare divisa +150° +210°
- 155D66
Tropical Skies
- 714253
≈ Deep Carmine
- 6F492B
≈ Pickled Bean
Tetradico +90° +180° +270°
- 155D66
Tropical Skies
- 574A74
≈ Saffron Crocus
- 74433D
≈ Rocky Mountain Red
- 505829
≈ Soldier Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.52:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.78:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.52:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--tropical-skies: #155d66;
--tropical-skies-rgb: 21 93 102;
--tropical-skies-oklch: oklch(0.44 0.068 207.5);
}
.element {
color: var(--tropical-skies);
background-color: hsl(187 66% 24%);
border-color: oklch(0.44 0.068 207.5);
}Tailwind CSS v4
@theme {
--color-tropical-skies: #155d66;
--color-tropical-skies-50: #e0fbff;
--color-tropical-skies-100: #cfeff4;
--color-tropical-skies-200: #b3dde4;
--color-tropical-skies-300: #8fc2cb;
--color-tropical-skies-400: #6caab3;
--color-tropical-skies-500: #49939d;
--color-tropical-skies-600: #3f7c85;
--color-tropical-skies-700: #32646b;
--color-tropical-skies-800: #23494e;
--color-tropical-skies-900: #173336;
--color-tropical-skies-950: #071e21;
}SCSS
$tropical-skies: #155d66;
$tropical-skies-rgb: 21, 93, 102;
$tropical-skies-light: mix(#fff, $tropical-skies, 20%);
$tropical-skies-dark: mix(#000, $tropical-skies, 20%);
.element {
color: $tropical-skies;
box-shadow: 0 0 0 2px rgba($tropical-skies, 0.35);
}