色名 · #3E9EAC
Teal Glacier
Teal Glacierは#3E9EAC：rgb(62 158 172)、hsl(188 47% 46%)、oklch(0.649 0.091 208.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Teal Glacier color name →
#3E9EAC
oklch(0.649 0.091 208.5)
カラー変換
- HEX
- #3e9eac
- RGB
- rgb(62 158 172)
- HSL
- hsl(188 47% 46%)
- HWB
- hwb(188 24% 33%)
- OKLCH
- oklch(0.649 0.091 208.5)
- OKLab
- oklab(0.649 -0.08 -0.043)
- CIE Lab
- lab(59.96 -25.79 -16.15)
- LCH
- lch(59.96 30.43 212.1)
- CMYK
- cmyk(64% 8% 0% 33%)
ティント · シェード · トーン
ティント
- 56A8B4
- 6BB1BC
- 7FBBC5
- 92C5CD
- A4CED5
- B6D8DD
- C9E2E6
- DBEBEE
- EDF5F7
シェード
- 358995
- 2B747F
- 236069
- 1A4D54
- 123A40
- 0A292D
- 04181B
- 01090B
- 000101
トーン
- 499BA8
- 5298A3
- 5A959F
- 61929A
- 678F96
- 6D8C92
- 72898D
- 778689
- 7C8384
カラーハーモニー
補色 +180°
- 3E9EAC
Teal Glacier
- C0796F
≈ Antique Pink
類似色 -30° +30°
- 3E9EAC
Teal Glacier
- 46A18F
≈ Dioptase Green
- 5697C0
≈ Mountain Bluebird
トライアド +120° +240°
- 3E9EAC
Teal Glacier
- AD7BAA
≈ Victorian Violet
- A58C4A
≈ Mustard Gold
スプリットコンプリメンタリー +150° +210°
- 3E9EAC
Teal Glacier
- BC778E
≈ Strawberry Surprise
- B88155
≈ Cinnamon Sand
テトラード +90° +180° +270°
- 3E9EAC
Teal Glacier
- 9683BF
≈ Bougainvillaea
- C0796F
≈ Antique Pink
- 899755
≈ Topiary
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.13:1 · APCA Lc 58
Ag
AA黒の上
WCAG 6.69:1 · APCA Lc 44
最適な文字色: #000000
WCAG 6.69:1 (AA) · APCA Lc 44
Contrast pairs
コードスニペット
CSS
:root {
--teal-glacier: #3e9eac;
--teal-glacier-rgb: 62 158 172;
--teal-glacier-oklch: oklch(0.649 0.091 208.5);
}
.element {
color: var(--teal-glacier);
background-color: hsl(188 47% 46%);
border-color: oklch(0.649 0.091 208.5);
}Tailwind CSS v4
@theme {
--color-teal-glacier: #3e9eac;
--color-teal-glacier-50: #d9fdff;
--color-teal-glacier-100: #c6f1f9;
--color-teal-glacier-200: #a7dfea;
--color-teal-glacier-300: #7fc4d1;
--color-teal-glacier-400: #56adbb;
--color-teal-glacier-500: #2096a6;
--color-teal-glacier-600: #1f7f8c;
--color-teal-glacier-700: #1a6670;
--color-teal-glacier-800: #0f4b52;
--color-teal-glacier-900: #0a3439;
--color-teal-glacier-950: #001f23;
}SCSS
$teal-glacier: #3e9eac;
$teal-glacier-rgb: 62, 158, 172;
$teal-glacier-light: mix(#fff, $teal-glacier, 20%);
$teal-glacier-dark: mix(#000, $teal-glacier, 20%);
.element {
color: $teal-glacier;
box-shadow: 0 0 0 2px rgba($teal-glacier, 0.35);
}