色名 · #4889AC
Tropic
Tropicは#4889AC：rgb(72 137 172)、hsl(201 41% 48%)、oklch(0.602 0.085 234.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Tropic color name →
#4889AC
oklch(0.602 0.085 234.2)
カラー変換
- HEX
- #4889ac
- RGB
- rgb(72 137 172)
- HSL
- hsl(201 41% 48%)
- HWB
- hwb(201 28% 33%)
- OKLCH
- oklch(0.602 0.085 234.2)
- OKLab
- oklab(0.602 -0.05 -0.069)
- CIE Lab
- lab(53.9 -13.61 -25.31)
- LCH
- lch(53.9 28.74 241.7)
- CMYK
- cmyk(58% 20% 0% 33%)
ティント · シェード · トーン
ティント
- 5B95B4
- 6EA0BD
- 80ACC5
- 92B7CD
- A4C3D6
- B6CFDE
- C8DBE6
- DAE7EF
- EDF3F7
シェード
- 3D7695
- 33647F
- 295369
- 1F4254
- 163140
- 0D222D
- 06141B
- 02070B
- 000101
トーン
- 4F88A8
- 5688A3
- 5C879F
- 62869B
- 688596
- 6D8492
- 72838E
- 778289
- 7B8185
カラーハーモニー
補色 +180°
- 4889AC
Tropic
- A9724E
≈ Bran
類似色 -30° +30°
- 4889AC
Tropic
- 348F98
≈ Aqueous
- 6780B4
≈ Marvellous
トライアド +120° +240°
- 4889AC
Tropic
- A96B84
≈ Cure All
- 808749
≈ Field Maple
スプリットコンプリメンタリー +150° +210°
- 4889AC
Tropic
- AE6C67
≈ Jabłoński Brown
- 997C41
≈ Gold Estate
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.85:1 · APCA Lc 66
Ag
AA黒の上
WCAG 5.44:1 · APCA Lc 36
最適な文字色: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
コードスニペット
CSS
:root {
--tropic: #4889ac;
--tropic-rgb: 72 137 172;
--tropic-oklch: oklch(0.602 0.085 234.2);
}
.element {
color: var(--tropic);
background-color: hsl(201 41% 48%);
border-color: oklch(0.602 0.085 234.2);
}Tailwind CSS v4
@theme {
--color-tropic: #4889ac;
--color-tropic-50: #dffaff;
--color-tropic-100: #ceedff;
--color-tropic-200: #b2dbf4;
--color-tropic-300: #8dbfde;
--color-tropic-400: #6aa7c9;
--color-tropic-500: #468fb6;
--color-tropic-600: #3c799a;
--color-tropic-700: #30617b;
--color-tropic-800: #20475b;
--color-tropic-900: #153240;
--color-tropic-950: #061d28;
}SCSS
$tropic: #4889ac;
$tropic-rgb: 72, 137, 172;
$tropic-light: mix(#fff, $tropic, 20%);
$tropic-dark: mix(#000, $tropic, 20%);
.element {
color: $tropic;
box-shadow: 0 0 0 2px rgba($tropic, 0.35);
}