En yakın adlandırılmış renk · #9AE8CE
#9AE8CE
En yakın adlandırılmış renk: Beach Glass
#9AE8CE (rgb(154 232 206), hsl(160 63% 76%), oklch(0.873 0.085 171.3)) en çok Beach Glass 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.
#9AE8CE
oklch(0.873 0.085 171.3)
Renk dönüşümleri
- HEX
- #9ae8ce
- RGB
- rgb(154 232 206)
- HSL
- hsl(160 63% 76%)
- HWB
- hwb(160 60% 9%)
- OKLCH
- oklch(0.873 0.085 171.3)
- OKLab
- oklab(0.873 -0.084 0.013)
- CIE Lab
- lab(86.4 -29.23 4.68)
- LCH
- lch(86.4 29.6 170.9)
- CMYK
- cmyk(34% 0% 11% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A5EAD3
- B0EDD8
- BAEFDD
- C5F2E1
- CFF4E6
- D9F6EB
- E2F8F0
- ECFBF5
- F6FDFA
Koyu tonlar
- 85CAB3
- 71AC98
- 5E907F
- 4B7466
- 39594E
- 274038
- 172923
- 09130F
- 010302
Gri tonlar
- 98DDC6
- 96D2BE
- 94C8B6
- 92BDAE
- 8FB3A6
- 8DA99E
- 8A9E97
- 87948F
- 838A87
Renk uyumları
Tamamlayıcı +180°
- 9AE8CE
Beach Glass
- FFC0DB
≈ Cotton Candy
Analog -30° +30°
- 9AE8CE
Beach Glass
- B6E4AF
≈ Mint Cocktail Green
- 8EE7ED
≈ Aqua Fiesta
Üçlü +120° +240°
- 9AE8CE
Beach Glass
- D5CEFF
≈ Pale Lavender
- FFC8A8
≈ Bright Citrus
Bölünmüş tamamlayıcı +150° +210°
- 9AE8CE
Beach Glass
- F0C3F8
≈ Light Lavender
- FFC4C2
≈ Ladylike
Dörtlü +90° +180° +270°
- 9AE8CE
Beach Glass
- BFD6FF
≈ Pale Phthalo Blue
- FFC0DB
≈ Cotton Candy
- F2D094
≈ Impala
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.41:1 · APCA Lc 20
Ag
AAASiyah üzerinde
WCAG 14.80:1 · APCA Lc 83
En iyi metin rengi: #000000
WCAG 14.80:1 (AAA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--beach-glass: #9ae8ce;
--beach-glass-rgb: 154 232 206;
--beach-glass-oklch: oklch(0.873 0.085 171.3);
}
.element {
color: var(--beach-glass);
background-color: hsl(160 63% 76%);
border-color: oklch(0.873 0.085 171.3);
}Tailwind CSS v4
@theme {
--color-beach-glass: #9ae8ce;
--color-beach-glass-50: #ddfef3;
--color-beach-glass-100: #ccf2e5;
--color-beach-glass-200: #afe1d1;
--color-beach-glass-300: #89c6b3;
--color-beach-glass-400: #67af98;
--color-beach-glass-500: #40987f;
--color-beach-glass-600: #38816b;
--color-beach-glass-700: #2c6756;
--color-beach-glass-800: #204c3d;
--color-beach-glass-900: #15352a;
--color-beach-glass-950: #062018;
}SCSS
$beach-glass: #9ae8ce;
$beach-glass-rgb: 154, 232, 206;
$beach-glass-light: mix(#fff, $beach-glass, 20%);
$beach-glass-dark: mix(#000, $beach-glass, 20%);
.element {
color: $beach-glass;
box-shadow: 0 0 0 2px rgba($beach-glass, 0.35);
}