Benannte Farbe · #B1714C
Not yet Caramel
Not yet Caramel ist #B1714C: rgb(177 113 76), hsl(22 40% 50%), oklch(0.609 0.096 50.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Not yet Caramel color name →
#B1714C
oklch(0.609 0.096 50.2)
Farbumrechnungen
- HEX
- #b1714c
- RGB
- rgb(177 113 76)
- HSL
- hsl(22 40% 50%)
- HWB
- hwb(22 30% 31%)
- OKLCH
- oklch(0.609 0.096 50.2)
- OKLab
- oklab(0.609 0.062 0.074)
- CIE Lab
- lab(54.09 23.24 31.42)
- LCH
- lch(54.09 39.08 53.5)
- CMYK
- cmyk(0% 36% 57% 31%)
Tints · Shades · Tones
Tints
- B97F5E
- C28D6F
- CA9B81
- D2A992
- DAB7A4
- E1C5B6
- E9D3C8
- F0E2DA
- F8F0EC
Shades
- 996141
- 835236
- 6C432C
- 573522
- 422718
- 2F1A0F
- 1C0E06
- 0C0402
- 010100
Tones
- AD7352
- A87558
- A3765D
- 9F7863
- 9A7A68
- 957B6D
- 907C72
- 8B7E77
- 857F7B
Farbharmonien
Komplementär +180°
- B1714C
Not yet Caramel
- 3A8DB1
≈ Navagio Bay
Analog -30° +30°
- B1714C
Not yet Caramel
- B56A6A
≈ Lord Baltimore
- A17C39
≈ Arlington Bronze
Triadisch +120° +240°
- B1714C
Not yet Caramel
- 3B957A
≈ Good Luck
- 8278B9
≈ Purple Hebe
Geteilt komplementär +150° +210°
- B1714C
Not yet Caramel
- 20949A
≈ Peacock Feather
- 6183BD
≈ Granada Sky
Tetradisch +90° +180° +270°
- B1714C
Not yet Caramel
- 639159
≈ Irish Charm
- 3A8DB1
≈ Navagio Bay
- 9D6FA7
≈ Dark Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.93:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.33:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.33:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--not-yet-caramel: #b1714c;
--not-yet-caramel-rgb: 177 113 76;
--not-yet-caramel-oklch: oklch(0.609 0.096 50.2);
}
.element {
color: var(--not-yet-caramel);
background-color: hsl(22 40% 50%);
border-color: oklch(0.609 0.096 50.2);
}Tailwind CSS v4
@theme {
--color-not-yet-caramel: #b1714c;
--color-not-yet-caramel-50: #ffeedc;
--color-not-yet-caramel-100: #ffe0cb;
--color-not-yet-caramel-200: #f7caaf;
--color-not-yet-caramel-300: #e0aa8a;
--color-not-yet-caramel-400: #cd8e6a;
--color-not-yet-caramel-500: #b97249;
--color-not-yet-caramel-600: #9c613e;
--color-not-yet-caramel-700: #7d4d31;
--color-not-yet-caramel-800: #5d3823;
--color-not-yet-caramel-900: #412618;
--color-not-yet-caramel-950: #2a1409;
}SCSS
$not-yet-caramel: #b1714c;
$not-yet-caramel-rgb: 177, 113, 76;
$not-yet-caramel-light: mix(#fff, $not-yet-caramel, 20%);
$not-yet-caramel-dark: mix(#000, $not-yet-caramel, 20%);
.element {
color: $not-yet-caramel;
box-shadow: 0 0 0 2px rgba($not-yet-caramel, 0.35);
}