Colore con nome · #D6DBC0
Breezeway
Breezeway è #D6DBC0: rgb(214 219 192), hsl(71 27% 81%), oklch(0.88 0.037 115.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Breezeway color name →
#D6DBC0
oklch(0.88 0.037 115.7)
Conversioni di colore
- HEX
- #d6dbc0
- RGB
- rgb(214 219 192)
- HSL
- hsl(71 27% 81%)
- HWB
- hwb(71 75% 14%)
- OKLCH
- oklch(0.88 0.037 115.7)
- OKLab
- oklab(0.88 -0.016 0.033)
- CIE Lab
- lab(86.47 -5.22 12.73)
- LCH
- lch(86.47 13.76 112.3)
- CMYK
- cmyk(2% 0% 12% 14%)
Tinte · Ombre · Toni
Tinte
- DADFC6
- DEE2CC
- E2E6D3
- E6E9D9
- EAEDDF
- EEF1E6
- F3F4EC
- F7F8F2
- FBFBF9
Ombre
- BABEA7
- 9EA28E
- 848776
- 6A6D5F
- 525449
- 3B3C34
- 252620
- 10110E
- 020202
Toni
- CDD2B9
- C4C8B3
- BBBFAC
- B3B6A6
- AAACA0
- A1A399
- 999A93
- 91918D
- 888986
Armonie di colore
Complementare +180°
- D6DBC0
Breezeway
- D9D3EE
≈ Air Castle
Analogo -30° +30°
- D6DBC0
Breezeway
- E2D6BD
≈ Orange Shimmer
- C9DEC9
≈ Spring Burst
Triadico +120° +240°
- D6DBC0
Breezeway
- C2DCED
≈ Island View
- EDCED8
≈ Donquixote Doflamingo
Complementare divisa +150° +210°
- D6DBC0
Breezeway
- CCD8F1
≈ Light Cuddle
- E5D0E5
≈ Sweety Pie
Tetradico +90° +180° +270°
- D6DBC0
Breezeway
- BDDFE3
≈ Poolside
- D9D3EE
≈ Air Castle
- EFCFCB
≈ Romantic Déjà Vu
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.42:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.75:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.75:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--breezeway: #d6dbc0;
--breezeway-rgb: 214 219 192;
--breezeway-oklch: oklch(0.88 0.037 115.7);
}
.element {
color: var(--breezeway);
background-color: hsl(71 27% 81%);
border-color: oklch(0.88 0.037 115.7);
}Tailwind CSS v4
@theme {
--color-breezeway: #d6dbc0;
--color-breezeway-50: #f4f7eb;
--color-breezeway-100: #e6eadc;
--color-breezeway-200: #d3d7c5;
--color-breezeway-300: #b5baa5;
--color-breezeway-400: #9da189;
--color-breezeway-500: #85896e;
--color-breezeway-600: #70745d;
--color-breezeway-700: #5a5d4a;
--color-breezeway-800: #424435;
--color-breezeway-900: #2e2f24;
--color-breezeway-950: #1a1b13;
}SCSS
$breezeway: #d6dbc0;
$breezeway-rgb: 214, 219, 192;
$breezeway-light: mix(#fff, $breezeway, 20%);
$breezeway-dark: mix(#000, $breezeway, 20%);
.element {
color: $breezeway;
box-shadow: 0 0 0 2px rgba($breezeway, 0.35);
}