Nazwany kolor · #D7C3B5
Soft Greige
Soft Greige to #D7C3B5: rgb(215 195 181), hsl(25 30% 78%), oklch(0.83 0.03 57.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Soft Greige color name →
#D7C3B5
oklch(0.83 0.03 57.3)
Konwersje koloru
- HEX
- #d7c3b5
- RGB
- rgb(215 195 181)
- HSL
- hsl(25 30% 78%)
- HWB
- hwb(25 71% 16%)
- OKLCH
- oklch(0.83 0.03 57.3)
- OKLab
- oklab(0.83 0.016 0.025)
- CIE Lab
- lab(80.2 5.59 9.75)
- LCH
- lch(80.2 11.25 60.2)
- CMYK
- cmyk(0% 9% 16% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DBC9BC
- DFCFC4
- E3D5CB
- E7DBD2
- EBE1DA
- EFE7E1
- F3EDE8
- F7F3F0
- FBF9F7
Odcienie ciemniejsze
- BBA99D
- 9F9086
- 85786F
- 6B6059
- 524A44
- 3B3430
- 25201D
- 110E0C
- 020202
Tony
- CEBCB0
- C5B5AA
- BCAEA5
- B3A89F
- ABA19A
- A29A95
- 999490
- 918D8A
- 888685
Harmonie kolorów
Komplementarna +180°
- D7C3B5
Soft Greige
- B6CBD9
≈ Baby Boots
Analogowa -30° +30°
- D7C3B5
Soft Greige
- DAC1BD
≈ Peony Blush
- D0C7B2
≈ Salt Scrub
Triada +120° +240°
- D7C3B5
Soft Greige
- B4CEC7
≈ Steamy Spring
- C9C4D9
≈ Lilac Crystal
Komplementarna rozszczepiona +150° +210°
- D7C3B5
Soft Greige
- B2CDD1
≈ Dewpoint
- BFC7DB
≈ Iced Lavender
Tetrada +90° +180° +270°
- D7C3B5
Soft Greige
- BBCDBC
≈ Jade Tinge
- B6CBD9
≈ Baby Boots
- D2C1D2
≈ Amethyst Light Violet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.69:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.36:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.36:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--soft-greige: #d7c3b5;
--soft-greige-rgb: 215 195 181;
--soft-greige-oklch: oklch(0.83 0.03 57.3);
}
.element {
color: var(--soft-greige);
background-color: hsl(25 30% 78%);
border-color: oklch(0.83 0.03 57.3);
}Tailwind CSS v4
@theme {
--color-soft-greige: #d7c3b5;
--color-soft-greige-50: #fcf3ed;
--color-soft-greige-100: #f0e6de;
--color-soft-greige-200: #ded2c8;
--color-soft-greige-300: #c3b4a9;
--color-soft-greige-400: #ad9a8e;
--color-soft-greige-500: #968273;
--color-soft-greige-600: #7f6e62;
--color-soft-greige-700: #66584e;
--color-soft-greige-800: #4b4039;
--color-soft-greige-900: #342c27;
--color-soft-greige-950: #1f1915;
}SCSS
$soft-greige: #d7c3b5;
$soft-greige-rgb: 215, 195, 181;
$soft-greige-light: mix(#fff, $soft-greige, 20%);
$soft-greige-dark: mix(#000, $soft-greige, 20%);
.element {
color: $soft-greige;
box-shadow: 0 0 0 2px rgba($soft-greige, 0.35);
}