Adlandırılmış renk · #3E9EAC
Teal Glacier
Teal Glacier, #3E9EAC: rgb(62 158 172), hsl(188 47% 46%), oklch(0.649 0.091 208.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Teal Glacier color name →
#3E9EAC
oklch(0.649 0.091 208.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 56A8B4
- 6BB1BC
- 7FBBC5
- 92C5CD
- A4CED5
- B6D8DD
- C9E2E6
- DBEBEE
- EDF5F7
Koyu tonlar
- 358995
- 2B747F
- 236069
- 1A4D54
- 123A40
- 0A292D
- 04181B
- 01090B
- 000101
Gri tonlar
- 499BA8
- 5298A3
- 5A959F
- 61929A
- 678F96
- 6D8C92
- 72898D
- 778689
- 7C8384
Renk uyumları
Tamamlayıcı +180°
- 3E9EAC
Teal Glacier
- C0796F
≈ Antique Pink
Analog -30° +30°
- 3E9EAC
Teal Glacier
- 46A18F
≈ Dioptase Green
- 5697C0
≈ Mountain Bluebird
Üçlü +120° +240°
- 3E9EAC
Teal Glacier
- AD7BAA
≈ Victorian Violet
- A58C4A
≈ Mustard Gold
Bölünmüş tamamlayıcı +150° +210°
- 3E9EAC
Teal Glacier
- BC778E
≈ Strawberry Surprise
- B88155
≈ Cinnamon Sand
Dörtlü +90° +180° +270°
- 3E9EAC
Teal Glacier
- 9683BF
≈ Bougainvillaea
- C0796F
≈ Antique Pink
- 899755
≈ Topiary
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.13:1 · APCA Lc 58
Ag
AASiyah üzerinde
WCAG 6.69:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.69:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
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);
}