Colore con nome · #B9D2D3
Relax
Relax è #B9D2D3: rgb(185 210 211), hsl(182 23% 78%), oklch(0.846 0.027 199.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Relax color name →
#B9D2D3
oklch(0.846 0.027 199.6)
Conversioni di colore
- HEX
- #b9d2d3
- RGB
- rgb(185 210 211)
- HSL
- hsl(182 23% 78%)
- HWB
- hwb(182 73% 17%)
- OKLCH
- oklch(0.846 0.027 199.6)
- OKLab
- oklab(0.846 -0.025 -0.009)
- CIE Lab
- lab(82.35 -8.52 -3.48)
- LCH
- lch(82.35 9.2 202.2)
- CMYK
- cmyk(12% 0% 0% 17%)
Tinte · Ombre · Toni
Tinte
- C0D6D7
- C7DBDC
- CEDFE0
- D5E4E4
- DCE8E9
- E3EDED
- EAF1F2
- F1F6F6
- F8FAFB
Ombre
- A0B6B7
- 899B9C
- 718182
- 5B6869
- 465051
- 31393A
- 1E2424
- 0D1010
- 020202
Toni
- B3C9CA
- ADC1C2
- A8B9B9
- A2B0B1
- 9CA8A9
- 97A0A0
- 919898
- 8B9090
- 868888
Armonie di colore
Complementare +180°
- B9D2D3
Relax
- DEC6C5
≈ Pocketful of Promise
Analogo -30° +30°
- B9D2D3
Relax
- BCD2C9
≈ Moon Glass
- BBD0DB
≈ Snowbell
Triadico +120° +240°
- B9D2D3
Relax
- D4C7D8
≈ Modesty
- D6CBB9
≈ Gentle Shadows
Complementare divisa +150° +210°
- B9D2D3
Relax
- DBC6CF
≈ Light Lilac
- DCC8BD
≈ Malted
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.58:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.22:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.22:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--relax: #b9d2d3;
--relax-rgb: 185 210 211;
--relax-oklch: oklch(0.846 0.027 199.6);
}
.element {
color: var(--relax);
background-color: hsl(182 23% 78%);
border-color: oklch(0.846 0.027 199.6);
}Tailwind CSS v4
@theme {
--color-relax: #b9d2d3;
--color-relax-50: #edf8f8;
--color-relax-100: #deebec;
--color-relax-200: #c8d8d9;
--color-relax-300: #a8bcbd;
--color-relax-400: #8da4a4;
--color-relax-500: #728c8d;
--color-relax-600: #617677;
--color-relax-700: #4d5f5f;
--color-relax-800: #384546;
--color-relax-900: #263030;
--color-relax-950: #151c1c;
}SCSS
$relax: #b9d2d3;
$relax-rgb: 185, 210, 211;
$relax-light: mix(#fff, $relax, 20%);
$relax-dark: mix(#000, $relax, 20%);
.element {
color: $relax;
box-shadow: 0 0 0 2px rgba($relax, 0.35);
}