Adlandırılmış renk · #A9BAB1
Quiet Teal
Quiet Teal, #A9BAB1: rgb(169 186 177), hsl(148 11% 70%), oklch(0.773 0.023 162.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Quiet Teal color name →
#A9BAB1
oklch(0.773 0.023 162.9)
Renk dönüşümleri
- HEX
- #a9bab1
- RGB
- rgb(169 186 177)
- HSL
- hsl(148 11% 70%)
- HWB
- hwb(148 66% 27%)
- OKLCH
- oklch(0.773 0.023 162.9)
- OKLab
- oklab(0.773 -0.022 0.007)
- CIE Lab
- lab(73.99 -7.38 2.47)
- LCH
- lch(73.99 7.79 161.5)
- CMYK
- cmyk(9% 0% 5% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B1C1B9
- BAC7C0
- C2CEC8
- CBD5D0
- D3DCD7
- DCE3DF
- E5EAE7
- EDF1EF
- F6F8F7
Koyu tonlar
- 92A199
- 7C8983
- 67726C
- 535C57
- 3F4642
- 2C322F
- 1B1E1C
- 0A0D0C
- 010201
Gri tonlar
- A5B4AC
- A1AEA7
- 9DA8A2
- 98A29D
- 949D98
- 909793
- 8C918E
- 888B8A
- 848685
Renk uyumları
Tamamlayıcı +180°
- A9BAB1
Quiet Teal
- C0B0B9
≈ Mischief
Analog -30° +30°
- A9BAB1
Quiet Teal
- B0B9AA
≈ Dewkissed Rain
- A6BAB9
≈ Blue Willow
Üçlü +120° +240°
- A9BAB1
Quiet Teal
- B3B4C4
≈ Fading Sunset
- C3B1AA
≈ Artistic Taupe
Bölünmüş tamamlayıcı +150° +210°
- A9BAB1
Quiet Teal
- BAB1C0
≈ Misty Lilac
- C3B0B1
≈ Milky Skies
Dörtlü +90° +180° +270°
- A9BAB1
Quiet Teal
- ABB6C4
≈ Bluebeard
- C0B0B9
≈ Mischief
- BEB3A6
≈ Heavy Warm Grey
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.02:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.34:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--quiet-teal: #a9bab1;
--quiet-teal-rgb: 169 186 177;
--quiet-teal-oklch: oklch(0.773 0.023 162.9);
}
.element {
color: var(--quiet-teal);
background-color: hsl(148 11% 70%);
border-color: oklch(0.773 0.023 162.9);
}Tailwind CSS v4
@theme {
--color-quiet-teal: #a9bab1;
--color-quiet-teal-50: #f0f7f3;
--color-quiet-teal-100: #e1eae6;
--color-quiet-teal-200: #ccd7d2;
--color-quiet-teal-300: #adbbb4;
--color-quiet-teal-400: #93a39b;
--color-quiet-teal-500: #798b82;
--color-quiet-teal-600: #67766e;
--color-quiet-teal-700: #525e58;
--color-quiet-teal-800: #3c4540;
--color-quiet-teal-900: #29302c;
--color-quiet-teal-950: #171c19;
}SCSS
$quiet-teal: #a9bab1;
$quiet-teal-rgb: 169, 186, 177;
$quiet-teal-light: mix(#fff, $quiet-teal, 20%);
$quiet-teal-dark: mix(#000, $quiet-teal, 20%);
.element {
color: $quiet-teal;
box-shadow: 0 0 0 2px rgba($quiet-teal, 0.35);
}