Nazwany kolor · #D0D9C7
Bayberry Frost
Bayberry Frost to #D0D9C7: rgb(208 217 199), hsl(90 19% 82%), oklch(0.873 0.026 128.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Bayberry Frost color name →
#D0D9C7
oklch(0.873 0.026 128.8)
Konwersje koloru
- HEX
- #d0d9c7
- RGB
- rgb(208 217 199)
- HSL
- hsl(90 19% 82%)
- HWB
- hwb(90 78% 15%)
- OKLCH
- oklch(0.873 0.026 128.8)
- OKLab
- oklab(0.873 -0.016 0.02)
- CIE Lab
- lab(85.62 -5.56 7.8)
- LCH
- lch(85.62 9.57 125.5)
- CMYK
- cmyk(4% 0% 8% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D5DDCD
- D9E1D2
- DEE4D8
- E3E8DD
- E7ECE3
- ECF0E8
- F1F4EE
- F5F7F4
- FAFBF9
Odcienie ciemniejsze
- B5BCAD
- 9AA193
- 80867A
- 676C62
- 4F534C
- 393B36
- 232521
- 10110E
- 020202
Tony
- C8D0C0
- BFC7B8
- B7BDB1
- AFB4AA
- A7ABA3
- 9FA39C
- 979A95
- 8F918E
- 888987
Harmonie kolorów
Komplementarna +180°
- D0D9C7
Bayberry Frost
- DAD1E3
≈ Purple Mist
Analogowa -30° +30°
- D0D9C7
Bayberry Frost
- D9D6C3
≈ Angora Whisper
- C8DBCF
≈ Tenderness
Triada +120° +240°
- D0D9C7
Bayberry Frost
- C9D7E6
≈ Light Placid Blue
- E6CFD2
≈ Delicate Pink
Komplementarna rozszczepiona +150° +210°
- D0D9C7
Bayberry Frost
- D1D4E7
≈ Chill in the Air
- E2CFDB
≈ Orchid Ice
Tetrada +90° +180° +270°
- D0D9C7
Bayberry Frost
- C3DAE1
≈ Getting Wet
- DAD1E3
≈ Purple Mist
- E6D0C9
≈ Pianissimo
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.45:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.43:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.43:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--bayberry-frost: #d0d9c7;
--bayberry-frost-rgb: 208 217 199;
--bayberry-frost-oklch: oklch(0.873 0.026 128.8);
}
.element {
color: var(--bayberry-frost);
background-color: hsl(90 19% 82%);
border-color: oklch(0.873 0.026 128.8);
}Tailwind CSS v4
@theme {
--color-bayberry-frost: #d0d9c7;
--color-bayberry-frost-50: #f2f7ef;
--color-bayberry-frost-100: #e5eae1;
--color-bayberry-frost-200: #d0d7cb;
--color-bayberry-frost-300: #b3baad;
--color-bayberry-frost-400: #9aa291;
--color-bayberry-frost-500: #818a78;
--color-bayberry-frost-600: #6d7565;
--color-bayberry-frost-700: #575d51;
--color-bayberry-frost-800: #40443a;
--color-bayberry-frost-900: #2c2f28;
--color-bayberry-frost-950: #191c16;
}SCSS
$bayberry-frost: #d0d9c7;
$bayberry-frost-rgb: 208, 217, 199;
$bayberry-frost-light: mix(#fff, $bayberry-frost, 20%);
$bayberry-frost-dark: mix(#000, $bayberry-frost, 20%);
.element {
color: $bayberry-frost;
box-shadow: 0 0 0 2px rgba($bayberry-frost, 0.35);
}