Colore con nome · #B9C4D2
Plein Air
Plein Air è #B9C4D2: rgb(185 196 210), hsl(214 22% 77%), oklch(0.816 0.023 254.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Plein Air color name →
#B9C4D2
oklch(0.816 0.023 254.4)
Conversioni di colore
- HEX
- #b9c4d2
- RGB
- rgb(185 196 210)
- HSL
- hsl(214 22% 77%)
- HWB
- hwb(214 73% 18%)
- OKLCH
- oklch(0.816 0.023 254.4)
- OKLab
- oklab(0.816 -0.006 -0.022)
- CIE Lab
- lab(78.62 -1.82 -8.39)
- LCH
- lch(78.62 8.59 257.7)
- CMYK
- cmyk(12% 7% 0% 18%)
Tinte · Ombre · Toni
Tinte
- C0CAD6
- C7D0DB
- CED5DF
- D5DBE4
- DCE1E8
- E3E7ED
- EAEDF1
- F1F3F6
- F8F9FA
Ombre
- A0AAB6
- 89919B
- 717881
- 5B6168
- 464A50
- 313539
- 1E2124
- 0D0E10
- 020202
Toni
- B3BDC9
- ADB6C1
- A8AFB9
- A2A8B0
- 9CA1A8
- 969BA0
- 919498
- 8B8D90
- 868788
Armonie di colore
Complementare +180°
- B9C4D2
Plein Air
- CCC1B3
≈ Soft Pelican
Analogo -30° +30°
- B9C4D2
Plein Air
- B4C6CE
≈ Star Mist
- C1C1D2
≈ Silver Dagger
Triadico +120° +240°
- B9C4D2
Plein Air
- D1BDBE
≈ Dusky Violet
- BDC6B8
≈ Contemplation
Complementare divisa +150° +210°
- B9C4D2
Plein Air
- D1BFB7
≈ Musk Dusk
- C5C4B3
≈ Comforting Grey
Tetradico +90° +180° +270°
- B9C4D2
Plein Air
- CFBDC6
≈ Elusive Dream
- CCC1B3
≈ Soft Pelican
- B6C8BF
≈ Surf Spray
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.76:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.88:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--plein-air: #b9c4d2;
--plein-air-rgb: 185 196 210;
--plein-air-oklch: oklch(0.816 0.023 254.4);
}
.element {
color: var(--plein-air);
background-color: hsl(214 22% 77%);
border-color: oklch(0.816 0.023 254.4);
}Tailwind CSS v4
@theme {
--color-plein-air: #b9c4d2;
--color-plein-air-50: #f1f6fc;
--color-plein-air-100: #e3e8f0;
--color-plein-air-200: #ced5de;
--color-plein-air-300: #b0b8c3;
--color-plein-air-400: #959fac;
--color-plein-air-500: #7c8796;
--color-plein-air-600: #69727f;
--color-plein-air-700: #545c65;
--color-plein-air-800: #3d434a;
--color-plein-air-900: #2a2e34;
--color-plein-air-950: #171b1f;
}SCSS
$plein-air: #b9c4d2;
$plein-air-rgb: 185, 196, 210;
$plein-air-light: mix(#fff, $plein-air, 20%);
$plein-air-dark: mix(#000, $plein-air, 20%);
.element {
color: $plein-air;
box-shadow: 0 0 0 2px rgba($plein-air, 0.35);
}