이름 색상 · #95D0FC
Long Island Sound
Long Island Sound은(는) #95D0FC: rgb(149 208 252), hsl(206 94% 79%), oklch(0.833 0.087 241.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Long Island Sound color name →
#95D0FC
oklch(0.833 0.087 241.3)
색상 변환
- HEX
- #95d0fc
- RGB
- rgb(149 208 252)
- HSL
- hsl(206 94% 79%)
- HWB
- hwb(206 58% 1%)
- OKLCH
- oklch(0.833 0.087 241.3)
- OKLab
- oklab(0.833 -0.042 -0.076)
- CIE Lab
- lab(80.63 -11.3 -28.04)
- LCH
- lch(80.63 30.23 248)
- CMYK
- cmyk(41% 17% 0% 1%)
틴트 · 셰이드 · 톤
틴트
- A0D5FD
- ABDAFD
- B6DEFE
- C0E3FE
- CBE8FE
- D5EDFF
- E0F1FF
- EAF6FF
- F5FAFF
셰이드
- 81B5DB
- 6D9ABB
- 5A809C
- 48677E
- 374F62
- 263947
- 16232D
- 081016
- 010203
톤
- 93C8EF
- 92C0E2
- 90B8D6
- 8EB0C9
- 8CA8BD
- 8AA0B0
- 8898A4
- 859098
- 83888C
색 조화
보색 +180°
- 95D0FC
Long Island Sound
- F2BC8E
≈ Brandy Butter
유사색 -30° +30°
- 95D0FC
Long Island Sound
- 81D8E9
≈ Medium Sky Blue
- B4C6FF
≈ Light Periwinkle
삼각 배색 +120° +240°
- 95D0FC
Long Island Sound
- F9B1C4
≈ Cupid
- BFD292
≈ Spring Has Sprung
분열 보색 +150° +210°
- 95D0FC
Long Island Sound
- FCB4A6
≈ Just Blush
- DDC786
≈ 24 Karat
사각 배색 +90° +180° +270°
- 95D0FC
Long Island Sound
- EAB4E2
≈ Pink Drink
- F2BC8E
≈ Brandy Butter
- 9FD9AC
≈ Green Trance
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.65:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.70:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.70:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--long-island-sound: #95d0fc;
--long-island-sound-rgb: 149 208 252;
--long-island-sound-oklch: oklch(0.833 0.087 241.3);
}
.element {
color: var(--long-island-sound);
background-color: hsl(206 94% 79%);
border-color: oklch(0.833 0.087 241.3);
}Tailwind CSS v4
@theme {
--color-long-island-sound: #95d0fc;
--color-long-island-sound-50: #e1f9ff;
--color-long-island-sound-100: #d0ecff;
--color-long-island-sound-200: #b5d9f7;
--color-long-island-sound-300: #91bde1;
--color-long-island-sound-400: #6fa5cd;
--color-long-island-sound-500: #4d8dba;
--color-long-island-sound-600: #42779d;
--color-long-island-sound-700: #34607e;
--color-long-island-sound-800: #24465d;
--color-long-island-sound-900: #183141;
--color-long-island-sound-950: #081d2a;
}SCSS
$long-island-sound: #95d0fc;
$long-island-sound-rgb: 149, 208, 252;
$long-island-sound-light: mix(#fff, $long-island-sound, 20%);
$long-island-sound-dark: mix(#000, $long-island-sound, 20%);
.element {
color: $long-island-sound;
box-shadow: 0 0 0 2px rgba($long-island-sound, 0.35);
}