色名 · #155D66
Tropical Skies
Tropical Skiesは#155D66：rgb(21 93 102)、hsl(187 66% 24%)、oklch(0.44 0.068 207.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Tropical Skies color name →
#155D66
oklch(0.44 0.068 207.5)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 326C74
- 4A7B83
- 608B91
- 769BA0
- 8DABB0
- A3BBBF
- B9CCCF
- D0DDDF
- E8EEEF
シェード
- 115058
- 0C434A
- 08373C
- 052A2F
- 031F23
- 021417
- 010A0C
- 000304
- 000000
トーン
- 266169
- 32646B
- 3E686E
- 486B71
- 526F73
- 5B7276
- 657678
- 6E797B
- 777D7D
カラーハーモニー
補色 +180°
- 155D66
Tropical Skies
- 74433D
≈ Rocky Mountain Red
類似色 -30° +30°
- 155D66
Tropical Skies
- 1E5F52
≈ Teal Drama
- 2A5874
≈ Sacrifice
トライアド +120° +240°
- 155D66
Tropical Skies
- 674566
≈ Sultana
- 635022
≈ Jungle Beat
スプリットコンプリメンタリー +150° +210°
- 155D66
Tropical Skies
- 714253
≈ Deep Carmine
- 6F492B
≈ Pickled Bean
テトラード +90° +180° +270°
- 155D66
Tropical Skies
- 574A74
≈ Saffron Crocus
- 74433D
≈ Rocky Mountain Red
- 505829
≈ Soldier Green
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.52:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.78:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.52:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
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);
}