Nazwany kolor · #D6CDBB
Perfect Crust
Perfect Crust to #D6CDBB: rgb(214 205 187), hsl(40 25% 79%), oklch(0.851 0.026 84.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Perfect Crust color name →
#D6CDBB
oklch(0.851 0.026 84.6)
Konwersje koloru
- HEX
- #d6cdbb
- RGB
- rgb(214 205 187)
- HSL
- hsl(40 25% 79%)
- HWB
- hwb(40 73% 16%)
- OKLCH
- oklch(0.851 0.026 84.6)
- OKLab
- oklab(0.851 0.002 0.026)
- CIE Lab
- lab(82.77 0.98 10.17)
- LCH
- lch(82.77 10.22 84.5)
- CMYK
- cmyk(0% 4% 13% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DAD2C2
- DED7C8
- E2DCCF
- E6E1D6
- EAE6DD
- EEEBE3
- F3F0EA
- F7F5F1
- FBFAF8
Odcienie ciemniejsze
- BAB2A2
- 9E988A
- 847E73
- 6A665C
- 524E46
- 3B3832
- 25231F
- 100F0D
- 020202
Tony
- CDC5B5
- C4BDAF
- BBB5A9
- B3ADA3
- AAA69D
- A19E97
- 999691
- 918F8C
- 888786
Harmonie kolorów
Komplementarna +180°
- D6CDBB
Perfect Crust
- C5CEE0
≈ Lilac Bisque
Analogowa -30° +30°
- D6CDBB
Perfect Crust
- DCCABE
≈ Bermuda Sand
- CDD0BD
≈ Glass Tile
Triada +120° +240°
- D6CDBB
Perfect Crust
- BBD3D6
≈ Relax
- D7C8D8
≈ Shy Violet
Komplementarna rozszczepiona +150° +210°
- D6CDBB
Perfect Crust
- BED1DD
≈ Snowbell
- CFCBDE
≈ Lunar Dust
Tetrada +90° +180° +270°
- D6CDBB
Perfect Crust
- BDD4CD
≈ Quaver
- C5CEE0
≈ Lilac Bisque
- DDC7CF
≈ Kellie Belle
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.57:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.30:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.30:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--perfect-crust: #d6cdbb;
--perfect-crust-rgb: 214 205 187;
--perfect-crust-oklch: oklch(0.851 0.026 84.6);
}
.element {
color: var(--perfect-crust);
background-color: hsl(40 25% 79%);
border-color: oklch(0.851 0.026 84.6);
}Tailwind CSS v4
@theme {
--color-perfect-crust: #d6cdbb;
--color-perfect-crust-50: #f8f5ed;
--color-perfect-crust-100: #ece7de;
--color-perfect-crust-200: #d9d4c8;
--color-perfect-crust-300: #bdb7a9;
--color-perfect-crust-400: #a69e8d;
--color-perfect-crust-500: #8e8573;
--color-perfect-crust-600: #787161;
--color-perfect-crust-700: #605a4e;
--color-perfect-crust-800: #474238;
--color-perfect-crust-900: #312d26;
--color-perfect-crust-950: #1d1a15;
}SCSS
$perfect-crust: #d6cdbb;
$perfect-crust-rgb: 214, 205, 187;
$perfect-crust-light: mix(#fff, $perfect-crust, 20%);
$perfect-crust-dark: mix(#000, $perfect-crust, 20%);
.element {
color: $perfect-crust;
box-shadow: 0 0 0 2px rgba($perfect-crust, 0.35);
}