Named color · #95BCE1
Double Denim
Double Denim is #95BCE1: rgb(149 188 225), hsl(209 56% 73%), oklch(0.78 0.068 247.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Double Denim color name →
#95BCE1
oklch(0.78 0.068 247.3)
Color conversions
- HEX
- #95bce1
- RGB
- rgb(149 188 225)
- HSL
- hsl(209 56% 73%)
- HWB
- hwb(209 58% 12%)
- OKLCH
- oklch(0.78 0.068 247.3)
- OKLab
- oklab(0.78 -0.026 -0.062)
- CIE Lab
- lab(74.38 -6.86 -23.08)
- LCH
- lch(74.38 24.08 253.5)
- CMYK
- cmyk(34% 16% 0% 12%)
Tints · Shades · Tones
Tints
- A0C3E4
- AAC9E7
- B5D0EA
- BFD7EE
- CADDF1
- D4E4F4
- DFEBF6
- EAF2F9
- F4F8FC
Shades
- 81A3C4
- 6D8BA7
- 5A738B
- 485D70
- 374756
- 26323E
- 161F27
- 080D12
- 010202
Tones
- 93B6D7
- 91B0CD
- 8FAAC3
- 8DA4B9
- 8B9EB0
- 8998A6
- 87929C
- 858C93
- 828689
Color harmonies
Complementary +180°
- 95BCE1
Double Denim
- D5B089
≈ Summerwood
Analogous -30° +30°
- 95BCE1
Double Denim
- 85C3D4
≈ Dreaming Blue
- ACB4E3
≈ Sassy Violet
Triadic +120° +240°
- 95BCE1
Double Denim
- DEA6B0
≈ Iced Vovo
- ABC091
≈ Bavarian Hops
Split-complementary +150° +210°
- 95BCE1
Double Denim
- DFA999
≈ Tamanegi Peel
- C3B886
≈ Desert Grass
Tetradic +90° +180° +270°
- 95BCE1
Double Denim
- D5A7C7
≈ Lofty Delight
- D5B089
≈ Summerwood
- 94C5A7
≈ Spearmint Frosting
Contrast & accessibility
Ag
FailOn white
WCAG 1.98:1 · APCA Lc 38
Ag
AAAOn black
WCAG 10.55:1 · APCA Lc 64
Best text color: #000000
WCAG 10.55:1 (AAA) · APCA Lc 64
Contrast pairs
Code snippets
CSS
:root {
--double-denim: #95bce1;
--double-denim-rgb: 149 188 225;
--double-denim-oklch: oklch(0.78 0.068 247.3);
}
.element {
color: var(--double-denim);
background-color: hsl(209 56% 73%);
border-color: oklch(0.78 0.068 247.3);
}Tailwind CSS v4
@theme {
--color-double-denim: #95bce1;
--color-double-denim-50: #e7f7ff;
--color-double-denim-100: #d7eafe;
--color-double-denim-200: #bfd7f1;
--color-double-denim-300: #9dbbd9;
--color-double-denim-400: #7ea3c5;
--color-double-denim-500: #618ab1;
--color-double-denim-600: #537596;
--color-double-denim-700: #425e78;
--color-double-denim-800: #2e4558;
--color-double-denim-900: #1f303e;
--color-double-denim-950: #0f1c27;
}SCSS
$double-denim: #95bce1;
$double-denim-rgb: 149, 188, 225;
$double-denim-light: mix(#fff, $double-denim, 20%);
$double-denim-dark: mix(#000, $double-denim, 20%);
.element {
color: $double-denim;
box-shadow: 0 0 0 2px rgba($double-denim, 0.35);
}