En yakın adlandırılmış renk · #AAE8E1
#AAE8E1
En yakın adlandırılmış renk: Sea Glass Teal
#AAE8E1 (rgb(170 232 225), hsl(173 57% 79%), oklch(0.887 0.063 187.4)) en çok Sea Glass Teal adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#AAE8E1
oklch(0.887 0.063 187.4)
Renk dönüşümleri
- HEX
- #aae8e1
- RGB
- rgb(170 232 225)
- HSL
- hsl(173 57% 79%)
- HWB
- hwb(173 67% 9%)
- OKLCH
- oklch(0.887 0.063 187.4)
- OKLab
- oklab(0.887 -0.063 -0.008)
- CIE Lab
- lab(87.66 -21.42 -3.26)
- LCH
- lch(87.66 21.66 188.7)
- CMYK
- cmyk(27% 0% 3% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B3EAE4
- BCEDE7
- C5EFEA
- CDF1ED
- D6F4F0
- DEF6F3
- E6F8F6
- EFFBF9
- F7FDFC
Koyu tonlar
- 93CAC4
- 7DACA7
- 68908B
- 537470
- 3F5956
- 2D403E
- 1B2927
- 0B1312
- 010302
Gri tonlar
- A6DDD7
- A2D2CD
- 9EC8C3
- 9ABDB9
- 96B3AF
- 92A8A6
- 8E9E9C
- 899493
- 858A89
Renk uyumları
Tamamlayıcı +180°
- AAE8E1
Sea Glass Teal
- FFCAD2
≈ Sweet Sixteen
Analog -30° +30°
- AAE8E1
Sea Glass Teal
- B8E7CA
≈ Canton Jade
- ABE5F6
≈ Uranus
Üçlü +120° +240°
- AAE8E1
Sea Glass Teal
- E5CFFB
≈ Mousse aux Pruneaux
- F7D3AE
≈ Ice Cream Parlour
Bölünmüş tamamlayıcı +150° +210°
- AAE8E1
Sea Glass Teal
- F6CAE9
≈ Classic Rose
- FFCDBD
≈ Piggy Bank
Dörtlü +90° +180° +270°
- AAE8E1
Sea Glass Teal
- D0D7FF
≈ Pale Phthalo Blue
- FFCAD2
≈ Sweet Sixteen
- E5DBAB
≈ Virgin Olive Oil
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.36:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.33:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.33:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--sea-glass-teal: #aae8e1;
--sea-glass-teal-rgb: 170 232 225;
--sea-glass-teal-oklch: oklch(0.887 0.063 187.4);
}
.element {
color: var(--sea-glass-teal);
background-color: hsl(173 57% 79%);
border-color: oklch(0.887 0.063 187.4);
}Tailwind CSS v4
@theme {
--color-sea-glass-teal: #aae8e1;
--color-sea-glass-teal-50: #e2fbf9;
--color-sea-glass-teal-100: #d1efec;
--color-sea-glass-teal-200: #b6ddda;
--color-sea-glass-teal-300: #92c2be;
--color-sea-glass-teal-400: #72aba5;
--color-sea-glass-teal-500: #51948d;
--color-sea-glass-teal-600: #457d78;
--color-sea-glass-teal-700: #376460;
--color-sea-glass-teal-800: #274a45;
--color-sea-glass-teal-900: #1a3330;
--color-sea-glass-teal-950: #0a1f1c;
}SCSS
$sea-glass-teal: #aae8e1;
$sea-glass-teal-rgb: 170, 232, 225;
$sea-glass-teal-light: mix(#fff, $sea-glass-teal, 20%);
$sea-glass-teal-dark: mix(#000, $sea-glass-teal, 20%);
.element {
color: $sea-glass-teal;
box-shadow: 0 0 0 2px rgba($sea-glass-teal, 0.35);
}