Colore con nome · #F5DAB3
Lion’s Roar
Lion’s Roar è #F5DAB3: rgb(245 218 179), hsl(35 77% 83%), oklch(0.901 0.059 76.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Lion’s Roar color name →
#F5DAB3
oklch(0.901 0.059 76.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- F6DEBB
- F7E1C2
- F8E5CA
- F9E9D2
- FAEDD9
- FBF0E1
- FCF4E8
- FDF8F0
- FEFBF7
Ombre
- D5BD9B
- B6A284
- 98876E
- 7B6C58
- 5F5443
- 443C2F
- 2B251D
- 15110C
- 030201
Toni
- E9D1AE
- DDC7A9
- D1BEA4
- C5B59F
- B9AC9A
- ADA395
- A29A8F
- 96918A
- 8B8985
Armonie di colore
Complementare +180°
- F5DAB3
Lion’s Roar
- CAE0FF
≈ Arc Light
Analogo -30° +30°
- F5DAB3
Lion’s Roar
- FFD4BF
≈ Mom’s Love
- E2E2B5
≈ Schabziger Green
Triadico +120° +240°
- F5DAB3
Lion’s Roar
- B1EBEC
≈ Spearmint Water
- EFD3F9
≈ Rose Dragée
Complementare divisa +150° +210°
- F5DAB3
Lion’s Roar
- B6E7FD
≈ Breaking the Ice
- DBDAFF
≈ Transparent Blue
Tetradico +90° +180° +270°
- F5DAB3
Lion’s Roar
- BAECD6
≈ Salome
- CAE0FF
≈ Arc Light
- FDCFE6
≈ Pink Lily
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.56:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.56:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
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);
}