Benannte Farbe · #F5DAB3
Lion’s Roar
Lion’s Roar ist #F5DAB3: rgb(245 218 179), hsl(35 77% 83%), oklch(0.901 0.059 76.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Lion’s Roar color name →
#F5DAB3
oklch(0.901 0.059 76.9)
Farbumrechnungen
- HEX
- #f5dab3
- RGB
- rgb(245 218 179)
- HSL
- hsl(35 77% 83%)
- HWB
- hwb(35 70% 4%)
- OKLCH
- oklch(0.901 0.059 76.9)
- OKLab
- oklab(0.901 0.013 0.058)
- CIE Lab
- lab(88.6 5.41 22.87)
- LCH
- lch(88.6 23.5 76.7)
- CMYK
- cmyk(0% 11% 27% 4%)
Tints · Shades · Tones
Tints
- F6DEBB
- F7E1C2
- F8E5CA
- F9E9D2
- FAEDD9
- FBF0E1
- FCF4E8
- FDF8F0
- FEFBF7
Shades
- D5BD9B
- B6A284
- 98876E
- 7B6C58
- 5F5443
- 443C2F
- 2B251D
- 15110C
- 030201
Tones
- E9D1AE
- DDC7A9
- D1BEA4
- C5B59F
- B9AC9A
- ADA395
- A29A8F
- 96918A
- 8B8985
Farbharmonien
Komplementär +180°
- F5DAB3
Lion’s Roar
- CAE0FF
≈ Arc Light
Analog -30° +30°
- F5DAB3
Lion’s Roar
- FFD4BF
≈ Mom’s Love
- E2E2B5
≈ Schabziger Green
Triadisch +120° +240°
- F5DAB3
Lion’s Roar
- B1EBEC
≈ Spearmint Water
- EFD3F9
≈ Rose Dragée
Geteilt komplementär +150° +210°
- F5DAB3
Lion’s Roar
- B6E7FD
≈ Breaking the Ice
- DBDAFF
≈ Transparent Blue
Tetradisch +90° +180° +270°
- F5DAB3
Lion’s Roar
- BAECD6
≈ Salome
- CAE0FF
≈ Arc Light
- FDCFE6
≈ Pink Lily
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.34:1 · APCA Lc 17
Ag
AAAAuf Schwarz
WCAG 15.56:1 · APCA Lc 86
Beste Textfarbe: #000000
WCAG 15.56:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--lion-s-roar: #f5dab3;
--lion-s-roar-rgb: 245 218 179;
--lion-s-roar-oklch: oklch(0.901 0.059 76.9);
}
.element {
color: var(--lion-s-roar);
background-color: hsl(35 77% 83%);
border-color: oklch(0.901 0.059 76.9);
}Tailwind CSS v4
@theme {
--color-lion-s-roar: #f5dab3;
--color-lion-s-roar-50: #fff4e3;
--color-lion-s-roar-100: #f3e6d2;
--color-lion-s-roar-200: #e2d2b9;
--color-lion-s-roar-300: #c8b496;
--color-lion-s-roar-400: #b29a77;
--color-lion-s-roar-500: #9d8159;
--color-lion-s-roar-600: #846e4c;
--color-lion-s-roar-700: #6a583c;
--color-lion-s-roar-800: #4f402b;
--color-lion-s-roar-900: #372c1d;
--color-lion-s-roar-950: #21190d;
}SCSS
$lion-s-roar: #f5dab3;
$lion-s-roar-rgb: 245, 218, 179;
$lion-s-roar-light: mix(#fff, $lion-s-roar, 20%);
$lion-s-roar-dark: mix(#000, $lion-s-roar, 20%);
.element {
color: $lion-s-roar;
box-shadow: 0 0 0 2px rgba($lion-s-roar, 0.35);
}