Benoemde kleur · #155D66
Tropical Skies
Tropical Skies is #155D66: rgb(21 93 102), hsl(187 66% 24%), oklch(0.44 0.068 207.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Cyan mean? → · Tropical Skies color name →
#155D66
oklch(0.44 0.068 207.5)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 326C74
- 4A7B83
- 608B91
- 769BA0
- 8DABB0
- A3BBBF
- B9CCCF
- D0DDDF
- E8EEEF
Schaduwen
- 115058
- 0C434A
- 08373C
- 052A2F
- 031F23
- 021417
- 010A0C
- 000304
- 000000
Tonen
- 266169
- 32646B
- 3E686E
- 486B71
- 526F73
- 5B7276
- 657678
- 6E797B
- 777D7D
Kleurharmonieën
Complementair +180°
- 155D66
Tropical Skies
- 74433D
≈ Rocky Mountain Red
Analoog -30° +30°
- 155D66
Tropical Skies
- 1E5F52
≈ Teal Drama
- 2A5874
≈ Sacrifice
Triadisch +120° +240°
- 155D66
Tropical Skies
- 674566
≈ Sultana
- 635022
≈ Jungle Beat
Gesplitst complementair +150° +210°
- 155D66
Tropical Skies
- 714253
≈ Deep Carmine
- 6F492B
≈ Pickled Bean
Tetradisch +90° +180° +270°
- 155D66
Tropical Skies
- 574A74
≈ Saffron Crocus
- 74433D
≈ Rocky Mountain Red
- 505829
≈ Soldier Green
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 7.52:1 · APCA Lc 86
Ag
FailOp zwart
WCAG 2.78:1 · APCA Lc 16
Beste tekstkleur: #FFFFFF
WCAG 7.52:1 (AAA) · APCA Lc 86
Contrast pairs
Codefragmenten
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);
}