Nazwany kolor · #DBD0A8
Capital Grains
Capital Grains to #DBD0A8: rgb(219 208 168), hsl(47 41% 76%), oklch(0.856 0.054 94.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Capital Grains color name →
#DBD0A8
oklch(0.856 0.054 94.5)
Konwersje koloru
- HEX
- #dbd0a8
- RGB
- rgb(219 208 168)
- HSL
- hsl(47 41% 76%)
- HWB
- hwb(47 66% 14%)
- OKLCH
- oklch(0.856 0.054 94.5)
- OKLab
- oklab(0.856 -0.004 0.054)
- CIE Lab
- lab(83.63 -0.72 21.4)
- LCH
- lch(83.63 21.41 91.9)
- CMYK
- cmyk(0% 5% 23% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DFD5B1
- E2D9B9
- E6DEC2
- E9E3CB
- EDE7D3
- F0ECDC
- F4F1E5
- F8F6EE
- FBFAF6
Odcienie ciemniejsze
- BEB592
- A29A7C
- 878067
- 6D6752
- 544F3F
- 3C392C
- 26231A
- 11100A
- 020201
Tony
- D2C8A4
- C8C0A0
- BFB79C
- B6AF98
- ACA794
- A39F90
- 9A978C
- 919088
- 898884
Harmonie kolorów
Komplementarna +180°
- DBD0A8
Capital Grains
- C5CEF4
≈ Miami White
Analogowa -30° +30°
- DBD0A8
Capital Grains
- EAC9AB
≈ Almond Biscuit
- C8D7B0
≈ Chinese Leaf
Triada +120° +240°
- DBD0A8
Capital Grains
- A8DAE6
≈ Havana Blue
- E7C3DE
≈ Sweet Alyssum
Komplementarna rozszczepiona +150° +210°
- DBD0A8
Capital Grains
- B3D4F2
≈ Summer Birthday
- D8C8ED
≈ Foggy Love
Tetrada +90° +180° +270°
- DBD0A8
Capital Grains
- A8DCD4
≈ Sparkling Mint
- C5CEF4
≈ Miami White
- F0C2CB
≈ Azalea Flower
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.54:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.59:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.59:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--capital-grains: #dbd0a8;
--capital-grains-rgb: 219 208 168;
--capital-grains-oklch: oklch(0.856 0.054 94.5);
}
.element {
color: var(--capital-grains);
background-color: hsl(47 41% 76%);
border-color: oklch(0.856 0.054 94.5);
}Tailwind CSS v4
@theme {
--color-capital-grains: #dbd0a8;
--color-capital-grains-50: #f9f5e4;
--color-capital-grains-100: #ede8d4;
--color-capital-grains-200: #dbd5bb;
--color-capital-grains-300: #bfb899;
--color-capital-grains-400: #a99e7a;
--color-capital-grains-500: #92865c;
--color-capital-grains-600: #7b714f;
--color-capital-grains-700: #635b3f;
--color-capital-grains-800: #49422c;
--color-capital-grains-900: #332e1e;
--color-capital-grains-950: #1e1a0e;
}SCSS
$capital-grains: #dbd0a8;
$capital-grains-rgb: 219, 208, 168;
$capital-grains-light: mix(#fff, $capital-grains, 20%);
$capital-grains-dark: mix(#000, $capital-grains, 20%);
.element {
color: $capital-grains;
box-shadow: 0 0 0 2px rgba($capital-grains, 0.35);
}