Benannte Farbe · #D7C0AB
Comforting
Comforting ist #D7C0AB: rgb(215 192 171), hsl(29 35% 76%), oklch(0.822 0.039 64.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Comforting color name →
#D7C0AB
oklch(0.822 0.039 64.7)
Farbumrechnungen
- HEX
- #d7c0ab
- RGB
- rgb(215 192 171)
- HSL
- hsl(29 35% 76%)
- HWB
- hwb(29 67% 16%)
- OKLCH
- oklch(0.822 0.039 64.7)
- OKLab
- oklab(0.822 0.017 0.035)
- CIE Lab
- lab(79.26 5.97 13.76)
- LCH
- lch(79.26 15 66.6)
- CMYK
- cmyk(0% 11% 20% 16%)
Tints · Shades · Tones
Tints
- DBC6B3
- DFCCBB
- E3D3C4
- E7D9CC
- EBDFD5
- EFE6DD
- F3ECE5
- F7F2EE
- FBF9F6
Shades
- BBA794
- 9F8E7E
- 857668
- 6B5F54
- 524940
- 3B342D
- 25201B
- 110E0B
- 020201
Tones
- CEB9A7
- C5B3A2
- BCAC9E
- B3A69A
- AB9F95
- A29991
- 99938D
- 918C89
- 888684
Farbharmonien
Komplementär +180°
- D7C0AB
Comforting
- B0C8DD
≈ Ridge Light
Analog -30° +30°
- D7C0AB
Comforting
- DCBCB4
≈ Peach Blush
- CCC5A9
≈ Cyrus Grass
Triadisch +120° +240°
- D7C0AB
Comforting
- AACDC8
≈ Blue Angora
- CABFD9
≈ Playful Petal
Geteilt komplementär +150° +210°
- D7C0AB
Comforting
- A9CCD4
≈ Grand Entrance
- BDC3DE
≈ Blue Hydrangea
Tetradisch +90° +180° +270°
- D7C0AB
Comforting
- B2CDBA
≈ Gossamer Green
- B0C8DD
≈ Ridge Light
- D5BCCF
≈ Sunday Gloves
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.74:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 12.01:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 12.01:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--comforting: #d7c0ab;
--comforting-rgb: 215 192 171;
--comforting-oklch: oklch(0.822 0.039 64.7);
}
.element {
color: var(--comforting);
background-color: hsl(29 35% 76%);
border-color: oklch(0.822 0.039 64.7);
}Tailwind CSS v4
@theme {
--color-comforting: #d7c0ab;
--color-comforting-50: #fdf3ea;
--color-comforting-100: #f1e6db;
--color-comforting-200: #e0d1c3;
--color-comforting-300: #c5b4a3;
--color-comforting-400: #af9a87;
--color-comforting-500: #99816c;
--color-comforting-600: #816d5b;
--color-comforting-700: #675749;
--color-comforting-800: #4c4035;
--color-comforting-900: #352c24;
--color-comforting-950: #201913;
}SCSS
$comforting: #d7c0ab;
$comforting-rgb: 215, 192, 171;
$comforting-light: mix(#fff, $comforting, 20%);
$comforting-dark: mix(#000, $comforting, 20%);
.element {
color: $comforting;
box-shadow: 0 0 0 2px rgba($comforting, 0.35);
}