Colore con nome · #B8CAD5
Denim Light
Denim Light è #B8CAD5: rgb(184 202 213), hsl(203 26% 78%), oklch(0.829 0.025 234.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Denim Light color name →
#B8CAD5
oklch(0.829 0.025 234.5)
Conversioni di colore
- HEX
- #b8cad5
- RGB
- rgb(184 202 213)
- HSL
- hsl(203 26% 78%)
- HWB
- hwb(203 72% 16%)
- OKLCH
- oklch(0.829 0.025 234.5)
- OKLab
- oklab(0.829 -0.015 -0.02)
- CIE Lab
- lab(80.2 -4.66 -7.69)
- LCH
- lch(80.2 8.99 238.8)
- CMYK
- cmyk(14% 5% 0% 16%)
Tinte · Ombre · Toni
Tinte
- BFCFD9
- C6D4DD
- CDDAE2
- D4DFE6
- DBE4EA
- E2EAEE
- E9EFF2
- F1F4F7
- F8FAFB
Ombre
- A0AFB9
- 88959E
- 717C83
- 5B646A
- 454D51
- 31373A
- 1E2224
- 0C0F10
- 020202
Toni
- B2C2CC
- ADBBC3
- A7B3BB
- A1ACB2
- 9CA4AA
- 969DA1
- 919699
- 8B8E90
- 858788
Armonie di colore
Complementare +180°
- B8CAD5
Denim Light
- D5C3B8
≈ Pink Nudity
Analogo -30° +30°
- B8CAD5
Denim Light
- B5CCCE
≈ Clear Pond
- BFC7D8
≈ Dancing Mist
Triadico +120° +240°
- B8CAD5
Denim Light
- D5C1C8
≈ Pelican Bill
- C6C9B7
≈ Celadon Tint
Complementare divisa +150° +210°
- B8CAD5
Denim Light
- D7C1BF
≈ Peony Blush
- CEC6B5
≈ Scenic Path
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.44:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.44:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--denim-light: #b8cad5;
--denim-light-rgb: 184 202 213;
--denim-light-oklch: oklch(0.829 0.025 234.5);
}
.element {
color: var(--denim-light);
background-color: hsl(203 26% 78%);
border-color: oklch(0.829 0.025 234.5);
}Tailwind CSS v4
@theme {
--color-denim-light: #b8cad5;
--color-denim-light-50: #eff6fb;
--color-denim-light-100: #e0e9ef;
--color-denim-light-200: #cbd6de;
--color-denim-light-300: #acbac3;
--color-denim-light-400: #91a1ab;
--color-denim-light-500: #778995;
--color-denim-light-600: #65747e;
--color-denim-light-700: #505d65;
--color-denim-light-800: #3a444a;
--color-denim-light-900: #282f33;
--color-denim-light-950: #161c1f;
}SCSS
$denim-light: #b8cad5;
$denim-light-rgb: 184, 202, 213;
$denim-light-light: mix(#fff, $denim-light, 20%);
$denim-light-dark: mix(#000, $denim-light, 20%);
.element {
color: $denim-light;
box-shadow: 0 0 0 2px rgba($denim-light, 0.35);
}