Nazwany kolor · #F9CDA4
Lion Cub
Lion Cub to #F9CDA4: rgb(249 205 164), hsl(29 88% 81%), oklch(0.877 0.073 64.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Lion Cub color name →
#F9CDA4
oklch(0.877 0.073 64.6)
Konwersje koloru
- HEX
- #f9cda4
- RGB
- rgb(249 205 164)
- HSL
- hsl(29 88% 81%)
- HWB
- hwb(29 64% 2%)
- OKLCH
- oklch(0.877 0.073 64.6)
- OKLab
- oklab(0.877 0.031 0.066)
- CIE Lab
- lab(85.55 11.93 26.62)
- LCH
- lch(85.55 29.17 65.9)
- CMYK
- cmyk(0% 18% 34% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FAD2AD
- FBD7B6
- FBDCC0
- FCE1C9
- FDE6D2
- FDEBDB
- FEF0E4
- FEF5ED
- FFFAF6
Odcienie ciemniejsze
- D9B28E
- B99879
- 9A7E64
- 7D6650
- 614E3D
- 46382B
- 2C231A
- 150F0A
- 030201
Tony
- ECC5A1
- E0BD9D
- D4B59A
- C7AE96
- BBA693
- AF9E8F
- A3978B
- 978F88
- 8C8884
Harmonie kolorów
Komplementarna +180°
- F9CDA4
Lion Cub
- B3DCFF
≈ Broad Daylight
Analogowa -30° +30°
- F9CDA4
Lion Cub
- FFC7B9
≈ Peach Fuzz
- E6D69F
≈ Early Sprout
Triada +120° +240°
- F9CDA4
Lion Cub
- 9EE7DC
≈ Sea Glass Teal
- E1CBFE
≈ Lens Flare Pink
Komplementarna rozszczepiona +150° +210°
- F9CDA4
Lion Cub
- 9EE3F4
≈ Blizzard Blue
- CAD4FF
≈ Pale Phthalo Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.29:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--lion-cub: #f9cda4;
--lion-cub-rgb: 249 205 164;
--lion-cub-oklch: oklch(0.877 0.073 64.6);
}
.element {
color: var(--lion-cub);
background-color: hsl(29 88% 81%);
border-color: oklch(0.877 0.073 64.6);
}Tailwind CSS v4
@theme {
--color-lion-cub: #f9cda4;
--color-lion-cub-50: #fff2e0;
--color-lion-cub-100: #f9e4cf;
--color-lion-cub-200: #eacfb4;
--color-lion-cub-300: #d2b190;
--color-lion-cub-400: #bd9671;
--color-lion-cub-500: #a87c51;
--color-lion-cub-600: #8e6945;
--color-lion-cub-700: #725437;
--color-lion-cub-800: #553d27;
--color-lion-cub-900: #3b2a1a;
--color-lion-cub-950: #25170b;
}SCSS
$lion-cub: #f9cda4;
$lion-cub-rgb: 249, 205, 164;
$lion-cub-light: mix(#fff, $lion-cub, 20%);
$lion-cub-dark: mix(#000, $lion-cub, 20%);
.element {
color: $lion-cub;
box-shadow: 0 0 0 2px rgba($lion-cub, 0.35);
}