Colore con nome · #D5D3C0
Barest Celadon
Barest Celadon è #D5D3C0: rgb(213 211 192), hsl(54 20% 79%), oklch(0.863 0.026 102). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Barest Celadon color name →
#D5D3C0
oklch(0.863 0.026 102)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D9D7C6
- DDDCCC
- E1E0D3
- E6E4D9
- EAE9DF
- EEEDE6
- F2F2EC
- F6F6F2
- FBFBF9
Ombre
- B9B7A7
- 9E9C8E
- 838276
- 6A695F
- 515149
- 3A3A34
- 242420
- 10100E
- 020202
Toni
- CCCAB9
- C3C2B3
- BBB9AC
- B2B1A6
- A9A9A0
- A1A099
- 999893
- 90908C
- 888886
Armonie di colore
Complementare +180°
- D5D3C0
Barest Celadon
- CFD0E3
≈ Hailstorm
Analogo -30° +30°
- D5D3C0
Barest Celadon
- DDD0C0
≈ Brig O’doon
- CCD6C5
≈ Green Lane
Triadico +120° +240°
- D5D3C0
Barest Celadon
- C1D6DE
≈ Falling Tears
- DFCCD7
≈ Cassia Buds
Complementare divisa +150° +210°
- D5D3C0
Barest Celadon
- C6D4E3
≈ Defenestration
- D8CEDF
≈ Dusty Plum
Tetradico +90° +180° +270°
- D5D3C0
Barest Celadon
- C0D8D6
≈ Haint Blue
- CFD0E3
≈ Hailstorm
- E2CCCD
≈ Rosebud
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.90:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.90:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
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);
}