Nächste benannte Farbe · #DE8700
#DE8700
Nächste benannte Farbe: Fleur de Sel Caramel
#DE8700 (rgb(222 135 0), hsl(36 100% 44%), oklch(0.7 0.156 66)) liegt am nächsten an der benannten Farbe Fleur de Sel Caramel. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#DE8700
oklch(0.7 0.156 66)
Farbumrechnungen
- HEX
- #de8700
- RGB
- rgb(222 135 0)
- HSL
- hsl(36 100% 44%)
- HWB
- hwb(36 0% 13%)
- OKLCH
- oklch(0.7 0.156 66)
- OKLab
- oklab(0.7 0.063 0.142)
- CIE Lab
- lab(64.66 28.86 70.2)
- LCH
- lch(64.66 75.9 67.6)
- CMYK
- cmyk(0% 39% 100% 13%)
Tints · Shades · Tones
Tints
- E29438
- E6A054
- EAAC6C
- EEB882
- F1C498
- F4D0AD
- F7DCC1
- FAE8D6
- FDF3EA
Shades
- C17500
- A56300
- 895100
- 6F4100
- 553100
- 3D2100
- 261300
- 120600
- 020100
Tones
- D58727
- CC8739
- C28746
- B98651
- B0865B
- A78564
- 9D846B
- 948373
- 8A817A
Farbharmonien
Komplementär +180°
- DE8700
Fleur de Sel Caramel
- 38A5F8
≈ Rockman Blue
Analog -30° +30°
- DE8700
Fleur de Sel Caramel
- EE7656
≈ Temple of Orange
- B99D00
≈ Perennial
Triadisch +120° +240°
- DE8700
Fleur de Sel Caramel
- 00B6AA
≈ Glass Jar Blue
- B682EA
≈ Lavender Blossom
Geteilt komplementär +150° +210°
- DE8700
Fleur de Sel Caramel
- 00B1CF
≈ Aquarius
- 8593FE
≈ Periwinkle Blue
Tetradisch +90° +180° +270°
- DE8700
Fleur de Sel Caramel
- 2DBA74
≈ Fennel Fiesta
- 38A5F8
≈ Rockman Blue
- D975C3
≈ Explicit Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.77:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.57:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.57:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--fleur-de-sel-caramel: #de8700;
--fleur-de-sel-caramel-rgb: 222 135 0;
--fleur-de-sel-caramel-oklch: oklch(0.7 0.156 66);
}
.element {
color: var(--fleur-de-sel-caramel);
background-color: hsl(36 100% 44%);
border-color: oklch(0.7 0.156 66);
}Tailwind CSS v4
@theme {
--color-fleur-de-sel-caramel: #de8700;
--color-fleur-de-sel-caramel-50: #ffeec6;
--color-fleur-de-sel-caramel-100: #ffdfb0;
--color-fleur-de-sel-caramel-200: #ffc88b;
--color-fleur-de-sel-caramel-300: #eca759;
--color-fleur-de-sel-caramel-400: #db891d;
--color-fleur-de-sel-caramel-500: #c96b00;
--color-fleur-de-sel-caramel-600: #a95b00;
--color-fleur-de-sel-caramel-700: #884900;
--color-fleur-de-sel-caramel-800: #663300;
--color-fleur-de-sel-caramel-900: #482300;
--color-fleur-de-sel-caramel-950: #2f1100;
}SCSS
$fleur-de-sel-caramel: #de8700;
$fleur-de-sel-caramel-rgb: 222, 135, 0;
$fleur-de-sel-caramel-light: mix(#fff, $fleur-de-sel-caramel, 20%);
$fleur-de-sel-caramel-dark: mix(#000, $fleur-de-sel-caramel, 20%);
.element {
color: $fleur-de-sel-caramel;
box-shadow: 0 0 0 2px rgba($fleur-de-sel-caramel, 0.35);
}