Benannte Farbe · #F1BEB0
Madder Orange
Madder Orange ist #F1BEB0: rgb(241 190 176), hsl(13 70% 82%), oklch(0.843 0.062 35.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Madder Orange color name →
#F1BEB0
oklch(0.843 0.062 35.9)
Farbumrechnungen
- HEX
- #f1beb0
- RGB
- rgb(241 190 176)
- HSL
- hsl(13 70% 82%)
- HWB
- hwb(13 69% 5%)
- OKLCH
- oklch(0.843 0.062 35.9)
- OKLab
- oklab(0.843 0.05 0.036)
- CIE Lab
- lab(81.36 17.41 14.46)
- LCH
- lch(81.36 22.63 39.7)
- CMYK
- cmyk(0% 21% 27% 5%)
Tints · Shades · Tones
Tints
- F3C4B8
- F4CBC0
- F6D1C7
- F8D8CF
- F9DED7
- FAE5DF
- FCEBE7
- FDF2EF
- FEF8F7
Shades
- D2A599
- B38C82
- 95756C
- 795E56
- 5D4842
- 43332E
- 2B1F1C
- 140D0B
- 030201
Tones
- E5B8AB
- DAB1A6
- CEABA1
- C3A59D
- B89F98
- AC9993
- A1928E
- 968C8A
- 8B8685
Farbharmonien
Komplementär +180°
- F1BEB0
Madder Orange
- 9DD6E6
≈ Light Budgie Blue
Analog -30° +30°
- F1BEB0
Madder Orange
- F0BBC5
≈ Petals Unfolding
- E8C4A1
≈ Toasted Coconut
Triadisch +120° +240°
- F1BEB0
Madder Orange
- ACD8BB
≈ Shanghai Jade
- C0C9F5
≈ Light Periwinkle
Geteilt komplementär +150° +210°
- F1BEB0
Madder Orange
- 9DD9D1
≈ In the Shallows
- ABD0F2
≈ Alphabet Blue
Tetradisch +90° +180° +270°
- F1BEB0
Madder Orange
- C1D3A8
≈ Romaine
- 9DD6E6
≈ Light Budgie Blue
- D5C2ED
≈ York Plum
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.64:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.73:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.73:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--madder-orange: #f1beb0;
--madder-orange-rgb: 241 190 176;
--madder-orange-oklch: oklch(0.843 0.062 35.9);
}
.element {
color: var(--madder-orange);
background-color: hsl(13 70% 82%);
border-color: oklch(0.843 0.062 35.9);
}Tailwind CSS v4
@theme {
--color-madder-orange: #f1beb0;
--color-madder-orange-50: #fff0e9;
--color-madder-orange-100: #fce1d9;
--color-madder-orange-200: #edccc1;
--color-madder-orange-300: #d5ada1;
--color-madder-orange-400: #c09285;
--color-madder-orange-500: #ab786a;
--color-madder-orange-600: #91655a;
--color-madder-orange-700: #745147;
--color-madder-orange-800: #563b34;
--color-madder-orange-900: #3c2824;
--color-madder-orange-950: #261612;
}SCSS
$madder-orange: #f1beb0;
$madder-orange-rgb: 241, 190, 176;
$madder-orange-light: mix(#fff, $madder-orange, 20%);
$madder-orange-dark: mix(#000, $madder-orange, 20%);
.element {
color: $madder-orange;
box-shadow: 0 0 0 2px rgba($madder-orange, 0.35);
}