이름 색상 · #D5D3C0
Barest Celadon
Barest Celadon은(는) #D5D3C0: rgb(213 211 192), hsl(54 20% 79%), oklch(0.863 0.026 102). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Barest Celadon color name →
#D5D3C0
oklch(0.863 0.026 102)
색상 변환
- HEX
- #d5d3c0
- RGB
- rgb(213 211 192)
- HSL
- hsl(54 20% 79%)
- HWB
- hwb(54 75% 16%)
- OKLCH
- oklch(0.863 0.026 102)
- OKLab
- oklab(0.863 -0.005 0.025)
- CIE Lab
- lab(84.33 -1.72 9.71)
- LCH
- lch(84.33 9.86 100.1)
- CMYK
- cmyk(0% 1% 10% 16%)
틴트 · 셰이드 · 톤
틴트
- D9D7C6
- DDDCCC
- E1E0D3
- E6E4D9
- EAE9DF
- EEEDE6
- F2F2EC
- F6F6F2
- FBFBF9
셰이드
- B9B7A7
- 9E9C8E
- 838276
- 6A695F
- 515149
- 3A3A34
- 242420
- 10100E
- 020202
톤
- CCCAB9
- C3C2B3
- BBB9AC
- B2B1A6
- A9A9A0
- A1A099
- 999893
- 90908C
- 888886
색 조화
보색 +180°
- D5D3C0
Barest Celadon
- CFD0E3
≈ Hailstorm
유사색 -30° +30°
- D5D3C0
Barest Celadon
- DDD0C0
≈ Brig O’doon
- CCD6C5
≈ Green Lane
삼각 배색 +120° +240°
- D5D3C0
Barest Celadon
- C1D6DE
≈ Falling Tears
- DFCCD7
≈ Cassia Buds
분열 보색 +150° +210°
- D5D3C0
Barest Celadon
- C6D4E3
≈ Defenestration
- D8CEDF
≈ Dusty Plum
사각 배색 +90° +180° +270°
- D5D3C0
Barest Celadon
- C0D8D6
≈ Haint Blue
- CFD0E3
≈ Hailstorm
- E2CCCD
≈ Rosebud
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.50:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.90:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.90:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--barest-celadon: #d5d3c0;
--barest-celadon-rgb: 213 211 192;
--barest-celadon-oklch: oklch(0.863 0.026 102);
}
.element {
color: var(--barest-celadon);
background-color: hsl(54 20% 79%);
border-color: oklch(0.863 0.026 102);
}Tailwind CSS v4
@theme {
--color-barest-celadon: #d5d3c0;
--color-barest-celadon-50: #f6f6ed;
--color-barest-celadon-100: #e9e8df;
--color-barest-celadon-200: #d6d5c9;
--color-barest-celadon-300: #b9b8a9;
--color-barest-celadon-400: #a19f8e;
--color-barest-celadon-500: #898774;
--color-barest-celadon-600: #747262;
--color-barest-celadon-700: #5d5b4e;
--color-barest-celadon-800: #444339;
--color-barest-celadon-900: #2f2e27;
--color-barest-celadon-950: #1c1b15;
}SCSS
$barest-celadon: #d5d3c0;
$barest-celadon-rgb: 213, 211, 192;
$barest-celadon-light: mix(#fff, $barest-celadon, 20%);
$barest-celadon-dark: mix(#000, $barest-celadon, 20%);
.element {
color: $barest-celadon;
box-shadow: 0 0 0 2px rgba($barest-celadon, 0.35);
}