Benannte Farbe · #DD9592
Dusty Cedar
Dusty Cedar ist #DD9592: rgb(221 149 146), hsl(2 52% 72%), oklch(0.74 0.088 22). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Dusty Cedar color name →
#DD9592
oklch(0.74 0.088 22)
Farbumrechnungen
- HEX
- #dd9592
- RGB
- rgb(221 149 146)
- HSL
- hsl(2 52% 72%)
- HWB
- hwb(2 57% 13%)
- OKLCH
- oklch(0.74 0.088 22)
- OKLab
- oklab(0.74 0.081 0.033)
- CIE Lab
- lab(69.02 27.62 13.25)
- LCH
- lch(69.02 30.64 25.6)
- CMYK
- cmyk(0% 33% 34% 13%)
Tints · Shades · Tones
Tints
- E1A09C
- E5AAA7
- E9B5B2
- EDBFBD
- F0CAC7
- F3D4D2
- F7DFDD
- FAEAE8
- FCF4F4
Shades
- C0817E
- A46D6B
- 885A58
- 6E4846
- 553735
- 3D2625
- 261616
- 110808
- 020101
Tones
- D49390
- CB918F
- C18F8D
- B88D8B
- AF8B89
- A68987
- 9C8786
- 938584
- 8A8282
Farbharmonien
Komplementär +180°
- DD9592
Dusty Cedar
- 60BCC3
≈ Pharaoh’s Seas
Analog -30° +30°
- DD9592
Dusty Cedar
- D794B1
≈ Techno Pink
- D89C77
≈ Laredo
Triadisch +120° +240°
- DD9592
Dusty Cedar
- 8BB986
≈ Aniseed Leaf Green
- 8DABE3
≈ Queer Blue
Geteilt komplementär +150° +210°
- DD9592
Dusty Cedar
- 6DBDA5
≈ Mint Cold Green
- 6FB5D9
≈ Skyscape
Tetradisch +90° +180° +270°
- DD9592
Dusty Cedar
- ACB16F
≈ Timothy Grass
- 60BCC3
≈ Pharaoh’s Seas
- ACA1DE
≈ Simply Violet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.38:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.78:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.78:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--dusty-cedar: #dd9592;
--dusty-cedar-rgb: 221 149 146;
--dusty-cedar-oklch: oklch(0.74 0.088 22);
}
.element {
color: var(--dusty-cedar);
background-color: hsl(2 52% 72%);
border-color: oklch(0.74 0.088 22);
}Tailwind CSS v4
@theme {
--color-dusty-cedar: #dd9592;
--color-dusty-cedar-50: #ffece9;
--color-dusty-cedar-100: #ffddda;
--color-dusty-cedar-200: #f8c6c2;
--color-dusty-cedar-300: #e1a6a2;
--color-dusty-cedar-400: #cd8a87;
--color-dusty-cedar-500: #b96e6c;
--color-dusty-cedar-600: #9c5d5b;
--color-dusty-cedar-700: #7e4a49;
--color-dusty-cedar-800: #5d3636;
--color-dusty-cedar-900: #412525;
--color-dusty-cedar-950: #2a1313;
}SCSS
$dusty-cedar: #dd9592;
$dusty-cedar-rgb: 221, 149, 146;
$dusty-cedar-light: mix(#fff, $dusty-cedar, 20%);
$dusty-cedar-dark: mix(#000, $dusty-cedar, 20%);
.element {
color: $dusty-cedar;
box-shadow: 0 0 0 2px rgba($dusty-cedar, 0.35);
}