Adlandırılmış renk · #A0FEBF
Light Sea-Foam
Light Sea-Foam, #A0FEBF: rgb(160 254 191), hsl(140 98% 81%), oklch(0.922 0.125 153.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Light Sea-Foam color name →
#A0FEBF
oklch(0.922 0.125 153.9)
Renk dönüşümleri
- HEX
- #a0febf
- RGB
- rgb(160 254 191)
- HSL
- hsl(140 98% 81%)
- HWB
- hwb(140 63% 0%)
- OKLCH
- oklch(0.922 0.125 153.9)
- OKLab
- oklab(0.922 -0.112 0.055)
- CIE Lab
- lab(92.59 -38.94 21.06)
- LCH
- lch(92.59 44.27 151.6)
- CMYK
- cmyk(37% 0% 25% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ABFEC6
- B5FFCC
- BFFFD2
- C9FFD9
- D3FFDF
- DCFFE6
- E5FFEC
- EEFFF2
- F6FFF9
Koyu tonlar
- 8BDDA6
- 76BD8D
- 619E75
- 4E805E
- 3B6348
- 294733
- 192D1F
- 09160D
- 010302
Gri tonlar
- 9EF1B9
- 9CE4B2
- 99D7AC
- 96CAA6
- 93BE9F
- 90B199
- 8CA593
- 88988D
- 848C86
Renk uyumları
Tamamlayıcı +180°
- A0FEBF
Light Sea-Foam
- FFD7F6
≈ Sweet Sachet
Analog -30° +30°
- A0FEBF
Light Sea-Foam
- D4F495
≈ Creamy Avocado
- 7EFFEE
≈ Defence Matrix
Üçlü +120° +240°
- A0FEBF
Light Sea-Foam
- DDE4FF
≈ Stoic White
- FFDCD4
≈ Soft Orange Bloom
Bölünmüş tamamlayıcı +150° +210°
- A0FEBF
Light Sea-Foam
- ECDEFF
≈ Lavender Savour
- FFDAE2
≈ It’s a Girl!
Dörtlü +90° +180° +270°
- A0FEBF
Light Sea-Foam
- CFE9FF
≈ Veiling Waterfalls
- FFD7F6
≈ Sweet Sachet
- FFDFC2
≈ Sand Muffin
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.20:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.42:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.42:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-sea-foam: #a0febf;
--light-sea-foam-rgb: 160 254 191;
--light-sea-foam-oklch: oklch(0.922 0.125 153.9);
}
.element {
color: var(--light-sea-foam);
background-color: hsl(140 98% 81%);
border-color: oklch(0.922 0.125 153.9);
}Tailwind CSS v4
@theme {
--color-light-sea-foam: #a0febf;
--color-light-sea-foam-50: #daffe6;
--color-light-sea-foam-100: #c7f5d7;
--color-light-sea-foam-200: #a9e5be;
--color-light-sea-foam-300: #80cb9d;
--color-light-sea-foam-400: #5cb47c;
--color-light-sea-foam-500: #2e9d5e;
--color-light-sea-foam-600: #2a8550;
--color-light-sea-foam-700: #216b40;
--color-light-sea-foam-800: #194e2c;
--color-light-sea-foam-900: #10371e;
--color-light-sea-foam-950: #03210d;
}SCSS
$light-sea-foam: #a0febf;
$light-sea-foam-rgb: 160, 254, 191;
$light-sea-foam-light: mix(#fff, $light-sea-foam, 20%);
$light-sea-foam-dark: mix(#000, $light-sea-foam, 20%);
.element {
color: $light-sea-foam;
box-shadow: 0 0 0 2px rgba($light-sea-foam, 0.35);
}