Adlandırılmış renk · #ABD6DE
Light Sea Spray
Light Sea Spray, #ABD6DE: rgb(171 214 222), hsl(189 44% 77%), oklch(0.848 0.046 210.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Light Sea Spray color name →
#ABD6DE
oklch(0.848 0.046 210.2)
Renk dönüşümleri
- HEX
- #abd6de
- RGB
- rgb(171 214 222)
- HSL
- hsl(189 44% 77%)
- HWB
- hwb(189 67% 13%)
- OKLCH
- oklch(0.848 0.046 210.2)
- OKLab
- oklab(0.848 -0.04 -0.023)
- CIE Lab
- lab(82.75 -13.25 -8.84)
- LCH
- lch(82.75 15.93 213.7)
- CMYK
- cmyk(23% 4% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B4DAE1
- BCDEE5
- C4E2E8
- CDE6EB
- D5EAEE
- DEEFF2
- E6F3F5
- EEF7F8
- F7FBFC
Koyu tonlar
- 94BAC1
- 7E9EA5
- 688489
- 546A6F
- 405255
- 2D3B3D
- 1B2526
- 0B1012
- 010202
Gri tonlar
- A7CDD4
- A3C4CB
- 9EBBC1
- 9AB3B7
- 96AAAE
- 92A2A5
- 8D999B
- 899192
- 848889
Renk uyumları
Tamamlayıcı +180°
- ABD6DE
Light Sea Spray
- EAC3BB
≈ Congo
Analog -30° +30°
- ABD6DE
Light Sea Spray
- ADD8CE
≈ Scandal
- B3D2E9
≈ Chapel Blue
Üçlü +120° +240°
- ABD6DE
Light Sea Spray
- DFC3DC
≈ Simply Lavender
- D9CCAB
≈ Baked Bread
Bölünmüş tamamlayıcı +150° +210°
- ABD6DE
Light Sea Spray
- E8C1CC
≈ Primrose Pink
- E5C7AF
≈ Mesquite Powder
Dörtlü +90° +180° +270°
- ABD6DE
Light Sea Spray
- D1C7E8
≈ Italian Fitch
- EAC3BB
≈ Congo
- C9D2B1
≈ Meadow Glen
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.56:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.40:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.40:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-sea-spray: #abd6de;
--light-sea-spray-rgb: 171 214 222;
--light-sea-spray-oklch: oklch(0.848 0.046 210.2);
}
.element {
color: var(--light-sea-spray);
background-color: hsl(189 44% 77%);
border-color: oklch(0.848 0.046 210.2);
}Tailwind CSS v4
@theme {
--color-light-sea-spray: #abd6de;
--color-light-sea-spray-50: #e7f9fd;
--color-light-sea-spray-100: #d7ecf1;
--color-light-sea-spray-200: #bfdae0;
--color-light-sea-spray-300: #9dbec5;
--color-light-sea-spray-400: #7fa6ae;
--color-light-sea-spray-500: #618f97;
--color-light-sea-spray-600: #537980;
--color-light-sea-spray-700: #426166;
--color-light-sea-spray-800: #2f474b;
--color-light-sea-spray-900: #203134;
--color-light-sea-spray-950: #0f1d1f;
}SCSS
$light-sea-spray: #abd6de;
$light-sea-spray-rgb: 171, 214, 222;
$light-sea-spray-light: mix(#fff, $light-sea-spray, 20%);
$light-sea-spray-dark: mix(#000, $light-sea-spray, 20%);
.element {
color: $light-sea-spray;
box-shadow: 0 0 0 2px rgba($light-sea-spray, 0.35);
}