Adlandırılmış renk · #30525B
Encore Teal
Encore Teal, #30525B: rgb(48 82 91), hsl(193 31% 27%), oklch(0.416 0.042 216.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? → · Encore Teal color name →
#30525B
oklch(0.416 0.042 216.5)
Renk dönüşümleri
- HEX
- #30525b
- RGB
- rgb(48 82 91)
- HSL
- hsl(193 31% 27%)
- HWB
- hwb(193 19% 64%)
- OKLCH
- oklch(0.416 0.042 216.5)
- OKLab
- oklab(0.416 -0.034 -0.025)
- CIE Lab
- lab(32.57 -10.83 -9.39)
- LCH
- lch(32.57 14.34 220.9)
- CMYK
- cmyk(47% 10% 0% 64%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 43626A
- 577279
- 6A8289
- 7E9399
- 93A5A9
- A8B6BA
- BDC8CB
- D3DADC
- E9ECED
Koyu tonlar
- 28464E
- 213B41
- 1A2F35
- 132529
- 0C1A1E
- 061113
- 030809
- 010203
- 000000
Gri tonlar
- 38575F
- 415B62
- 496066
- 51646A
- 58696D
- 606D71
- 687275
- 707779
- 787B7C
Renk uyumları
Tamamlayıcı +180°
- 30525B
Encore Teal
- 61443C
≈ Death by Chocolate
Analog -30° +30°
- 30525B
Encore Teal
- 305450
≈ Hidden Depths
- 394F62
≈ Cello
Üçlü +120° +240°
- 30525B
Encore Teal
- 5B4355
≈ Polka Dot Plum
- 534C31
≈ Thatch Green
Bölünmüş tamamlayıcı +150° +210°
- 30525B
Encore Teal
- 604348
≈ Ancient Burgundy
- 5C4833
≈ Mousy Brown
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.45:1 · APCA Lc 89
Ag
FailSiyah üzerinde
WCAG 2.48:1 · APCA Lc 13
En iyi metin rengi: #FFFFFF
WCAG 8.45:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--encore-teal: #30525b;
--encore-teal-rgb: 48 82 91;
--encore-teal-oklch: oklch(0.416 0.042 216.5);
}
.element {
color: var(--encore-teal);
background-color: hsl(193 31% 27%);
border-color: oklch(0.416 0.042 216.5);
}Tailwind CSS v4
@theme {
--color-encore-teal: #30525b;
--color-encore-teal-50: #e9f8fd;
--color-encore-teal-100: #d9ecf1;
--color-encore-teal-200: #c1d9e0;
--color-encore-teal-300: #a0bdc6;
--color-encore-teal-400: #83a5af;
--color-encore-teal-500: #668e98;
--color-encore-teal-600: #577881;
--color-encore-teal-700: #456067;
--color-encore-teal-800: #31464b;
--color-encore-teal-900: #223134;
--color-encore-teal-950: #111d20;
}SCSS
$encore-teal: #30525b;
$encore-teal-rgb: 48, 82, 91;
$encore-teal-light: mix(#fff, $encore-teal, 20%);
$encore-teal-dark: mix(#000, $encore-teal, 20%);
.element {
color: $encore-teal;
box-shadow: 0 0 0 2px rgba($encore-teal, 0.35);
}