Benoemde kleur · #95D0FC
Long Island Sound
Long Island Sound is #95D0FC: rgb(149 208 252), hsl(206 94% 79%), oklch(0.833 0.087 241.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · Long Island Sound color name →
#95D0FC
oklch(0.833 0.087 241.3)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- A0D5FD
- ABDAFD
- B6DEFE
- C0E3FE
- CBE8FE
- D5EDFF
- E0F1FF
- EAF6FF
- F5FAFF
Schaduwen
- 81B5DB
- 6D9ABB
- 5A809C
- 48677E
- 374F62
- 263947
- 16232D
- 081016
- 010203
Tonen
- 93C8EF
- 92C0E2
- 90B8D6
- 8EB0C9
- 8CA8BD
- 8AA0B0
- 8898A4
- 859098
- 83888C
Kleurharmonieën
Complementair +180°
- 95D0FC
Long Island Sound
- F2BC8E
≈ Brandy Butter
Analoog -30° +30°
- 95D0FC
Long Island Sound
- 81D8E9
≈ Medium Sky Blue
- B4C6FF
≈ Light Periwinkle
Triadisch +120° +240°
- 95D0FC
Long Island Sound
- F9B1C4
≈ Cupid
- BFD292
≈ Spring Has Sprung
Gesplitst complementair +150° +210°
- 95D0FC
Long Island Sound
- FCB4A6
≈ Just Blush
- DDC786
≈ 24 Karat
Tetradisch +90° +180° +270°
- 95D0FC
Long Island Sound
- EAB4E2
≈ Pink Drink
- F2BC8E
≈ Brandy Butter
- 9FD9AC
≈ Green Trance
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.65:1 · APCA Lc 29
Ag
AAAOp zwart
WCAG 12.70:1 · APCA Lc 74
Beste tekstkleur: #000000
WCAG 12.70:1 (AAA) · APCA Lc 74
Contrast pairs
Codefragmenten
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);
}