Adlandırılmış renk · #017478
Maxi Teal
Maxi Teal, #017478: rgb(1 116 120), hsl(182 98% 24%), oklch(0.508 0.086 199). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Maxi Teal color name →
#017478
oklch(0.508 0.086 199)
Renk dönüşümleri
- HEX
- #017478
- RGB
- rgb(1 116 120)
- HSL
- hsl(182 98% 24%)
- HWB
- hwb(182 0% 53%)
- OKLCH
- oklch(0.508 0.086 199)
- OKLab
- oklab(0.508 -0.081 -0.028)
- CIE Lab
- lab(43.75 -27.21 -10.55)
- LCH
- lch(43.75 29.18 201.2)
- CMYK
- cmyk(99% 3% 0% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 308185
- 4B8F92
- 639C9F
- 7AAAAC
- 90B8B9
- A6C6C7
- BCD4D5
- D2E2E3
- E8F1F1
Koyu tonlar
- 016467
- 015457
- 004548
- 003739
- 00292A
- 001B1D
- 000F10
- 000505
- 000101
Gri tonlar
- 217579
- 32777A
- 3F787B
- 4A797B
- 547B7C
- 5E7C7D
- 677D7E
- 6F7E7E
- 787F7F
Renk uyumları
Tamamlayıcı +180°
- 017478
Maxi Teal
- 905052
≈ Apple Butter
Analog -30° +30°
- 017478
Maxi Teal
- 26755D
≈ Tropical Rainforest
- 236E8D
≈ Chill of the Night
Üçlü +120° +240°
- 017478
Maxi Teal
- 7B5585
≈ Champion
- 805F24
≈ Sleek Otter
Bölünmüş tamamlayıcı +150° +210°
- 017478
Maxi Teal
- 8A506D
≈ Raspberry Crush
- 8D5637
≈ Chestnut Chest
Dörtlü +90° +180° +270°
- 017478
Maxi Teal
- 645D94
≈ Colossus
- 905052
≈ Apple Butter
- 696929
≈ Safari Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.56:1 · APCA Lc 77
Ag
FailSiyah üzerinde
WCAG 3.77:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.56:1 (AA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--maxi-teal: #017478;
--maxi-teal-rgb: 1 116 120;
--maxi-teal-oklch: oklch(0.508 0.086 199);
}
.element {
color: var(--maxi-teal);
background-color: hsl(182 98% 24%);
border-color: oklch(0.508 0.086 199);
}Tailwind CSS v4
@theme {
--color-maxi-teal: #017478;
--color-maxi-teal-50: #dafdff;
--color-maxi-teal-100: #c7f1f4;
--color-maxi-teal-200: #a9e0e3;
--color-maxi-teal-300: #81c5c9;
--color-maxi-teal-400: #5aaeb2;
--color-maxi-teal-500: #2a979c;
--color-maxi-teal-600: #268084;
--color-maxi-teal-700: #1f6669;
--color-maxi-teal-800: #144b4d;
--color-maxi-teal-900: #0d3435;
--color-maxi-teal-950: #012020;
}SCSS
$maxi-teal: #017478;
$maxi-teal-rgb: 1, 116, 120;
$maxi-teal-light: mix(#fff, $maxi-teal, 20%);
$maxi-teal-dark: mix(#000, $maxi-teal, 20%);
.element {
color: $maxi-teal;
box-shadow: 0 0 0 2px rgba($maxi-teal, 0.35);
}