Nazwany kolor · #D5D3C0
Barest Celadon
Barest Celadon to #D5D3C0: rgb(213 211 192), hsl(54 20% 79%), oklch(0.863 0.026 102). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Barest Celadon color name →
#D5D3C0
oklch(0.863 0.026 102)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9D7C6
- DDDCCC
- E1E0D3
- E6E4D9
- EAE9DF
- EEEDE6
- F2F2EC
- F6F6F2
- FBFBF9
Odcienie ciemniejsze
- B9B7A7
- 9E9C8E
- 838276
- 6A695F
- 515149
- 3A3A34
- 242420
- 10100E
- 020202
Tony
- CCCAB9
- C3C2B3
- BBB9AC
- B2B1A6
- A9A9A0
- A1A099
- 999893
- 90908C
- 888886
Harmonie kolorów
Komplementarna +180°
- D5D3C0
Barest Celadon
- CFD0E3
≈ Hailstorm
Analogowa -30° +30°
- D5D3C0
Barest Celadon
- DDD0C0
≈ Brig O’doon
- CCD6C5
≈ Green Lane
Triada +120° +240°
- D5D3C0
Barest Celadon
- C1D6DE
≈ Falling Tears
- DFCCD7
≈ Cassia Buds
Komplementarna rozszczepiona +150° +210°
- D5D3C0
Barest Celadon
- C6D4E3
≈ Defenestration
- D8CEDF
≈ Dusty Plum
Tetrada +90° +180° +270°
- D5D3C0
Barest Celadon
- C0D8D6
≈ Haint Blue
- CFD0E3
≈ Hailstorm
- E2CCCD
≈ Rosebud
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.50:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.90:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.90:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
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);
}