Benannte Farbe · #D59875
Sweet Cardamom
Sweet Cardamom ist #D59875: rgb(213 152 117), hsl(22 53% 65%), oklch(0.731 0.088 50.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sweet Cardamom color name →
#D59875
oklch(0.731 0.088 50.8)
Farbumrechnungen
- HEX
- #d59875
- RGB
- rgb(213 152 117)
- HSL
- hsl(22 53% 65%)
- HWB
- hwb(22 46% 16%)
- OKLCH
- oklch(0.731 0.088 50.8)
- OKLab
- oklab(0.731 0.056 0.068)
- CIE Lab
- lab(68.31 20.52 27.99)
- LCH
- lch(68.31 34.7 53.7)
- CMYK
- cmyk(0% 29% 45% 16%)
Tints · Shades · Tones
Tints
- DAA283
- DEAC90
- E3B79E
- E7C1AC
- EBCBB9
- F0D5C7
- F4E0D5
- F8EAE3
- FBF5F1
Shades
- B98465
- 9E7055
- 835C46
- 6A4A37
- 513829
- 3A271C
- 24170F
- 100805
- 020101
Tones
- CD9677
- C49478
- BC9179
- B38F7B
- AB8D7C
- A28A7D
- 9A887E
- 91857F
- 89837F
Farbharmonien
Komplementär +180°
- D59875
Sweet Cardamom
- 6BB2D5
≈ Skyscape
Analog -30° +30°
- D59875
Sweet Cardamom
- DA9290
≈ Juicy Peach
- C5A266
≈ Classic Gold
Triadisch +120° +240°
- D59875
Sweet Cardamom
- 6BBAA0
≈ Mint Cold Green
- A79EDC
≈ Simply Violet
Geteilt komplementär +150° +210°
- D59875
Sweet Cardamom
- 5DB9BE
≈ Dickie Bird
- 88A9E0
≈ Queer Blue
Tetradisch +90° +180° +270°
- D59875
Sweet Cardamom
- 8AB682
≈ Aniseed Leaf Green
- 6BB2D5
≈ Skyscape
- C196CA
≈ Amethyst Show
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.44:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.57:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.57:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--sweet-cardamom: #d59875;
--sweet-cardamom-rgb: 213 152 117;
--sweet-cardamom-oklch: oklch(0.731 0.088 50.8);
}
.element {
color: var(--sweet-cardamom);
background-color: hsl(22 53% 65%);
border-color: oklch(0.731 0.088 50.8);
}Tailwind CSS v4
@theme {
--color-sweet-cardamom: #d59875;
--color-sweet-cardamom-50: #ffefde;
--color-sweet-cardamom-100: #ffe1cd;
--color-sweet-cardamom-200: #f4cbb2;
--color-sweet-cardamom-300: #dcab8e;
--color-sweet-cardamom-400: #c9906f;
--color-sweet-cardamom-500: #b5744e;
--color-sweet-cardamom-600: #996343;
--color-sweet-cardamom-700: #7a4f35;
--color-sweet-cardamom-800: #5b3926;
--color-sweet-cardamom-900: #40271a;
--color-sweet-cardamom-950: #29150a;
}SCSS
$sweet-cardamom: #d59875;
$sweet-cardamom-rgb: 213, 152, 117;
$sweet-cardamom-light: mix(#fff, $sweet-cardamom, 20%);
$sweet-cardamom-dark: mix(#000, $sweet-cardamom, 20%);
.element {
color: $sweet-cardamom;
box-shadow: 0 0 0 2px rgba($sweet-cardamom, 0.35);
}