이름 색상 · #D0D9C7
Bayberry Frost
Bayberry Frost은(는) #D0D9C7: rgb(208 217 199), hsl(90 19% 82%), oklch(0.873 0.026 128.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Bayberry Frost color name →
#D0D9C7
oklch(0.873 0.026 128.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- D5DDCD
- D9E1D2
- DEE4D8
- E3E8DD
- E7ECE3
- ECF0E8
- F1F4EE
- F5F7F4
- FAFBF9
셰이드
- B5BCAD
- 9AA193
- 80867A
- 676C62
- 4F534C
- 393B36
- 232521
- 10110E
- 020202
톤
- C8D0C0
- BFC7B8
- B7BDB1
- AFB4AA
- A7ABA3
- 9FA39C
- 979A95
- 8F918E
- 888987
색 조화
보색 +180°
- D0D9C7
Bayberry Frost
- DAD1E3
≈ Purple Mist
유사색 -30° +30°
- D0D9C7
Bayberry Frost
- D9D6C3
≈ Angora Whisper
- C8DBCF
≈ Tenderness
삼각 배색 +120° +240°
- D0D9C7
Bayberry Frost
- C9D7E6
≈ Light Placid Blue
- E6CFD2
≈ Delicate Pink
분열 보색 +150° +210°
- D0D9C7
Bayberry Frost
- D1D4E7
≈ Chill in the Air
- E2CFDB
≈ Orchid Ice
사각 배색 +90° +180° +270°
- D0D9C7
Bayberry Frost
- C3DAE1
≈ Getting Wet
- DAD1E3
≈ Purple Mist
- E6D0C9
≈ Pianissimo
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.45:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.43:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.43:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
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);
}