Colore con nome · #FCA716
California Girl
California Girl è #FCA716: rgb(252 167 22), hsl(38 97% 54%), oklch(0.793 0.166 71.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · California Girl color name →
#FCA716
oklch(0.793 0.166 71.9)
Conversioni di colore
- HEX
- #fca716
- RGB
- rgb(252 167 22)
- HSL
- hsl(38 97% 54%)
- HWB
- hwb(38 9% 1%)
- OKLCH
- oklch(0.793 0.166 71.9)
- OKLab
- oklab(0.793 0.052 0.158)
- CIE Lab
- lab(75.71 25.43 76.15)
- LCH
- lch(75.71 80.28 71.5)
- CMYK
- cmyk(0% 34% 91% 1%)
Tinte · Ombre · Toni
Tinte
- FDB043
- FEBA5F
- FFC377
- FFCC8C
- FFD5A0
- FFDDB4
- FFE6C7
- FFEEDA
- FFF7EC
Ombre
- DB9112
- BB7B0D
- 9C6609
- 7E5206
- 623E03
- 472C02
- 2D1A01
- 160A00
- 030100
Toni
- EFA433
- E3A044
- D69D50
- CA995A
- BE9562
- B1916A
- A58D70
- 998976
- 8C857B
Armonie di colore
Complementare +180°
- FCA716
California Girl
- 88C0FF
≈ Scenic Water
Analogo -30° +30°
- FCA716
California Girl
- FFA07A
≈ Dwarven Peaches
- D2BE00
≈ Mustard Flower
Triadico +120° +240°
- FCA716
California Girl
- 00D7D2
≈ Turquoise Panic
- DB9FFF
≈ Medium Lavender Magenta
Complementare divisa +150° +210°
- FCA716
California Girl
- 00CFFE
≈ Tropical Turquoise
- B0B3FF
≈ Winterspring Lilac
Tetradico +90° +180° +270°
- FCA716
California Girl
- 29DC9A
≈ Reptile Green
- 88C0FF
≈ Scenic Water
- FF90D8
≈ Pink Delight
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.96:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.67:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.67:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--california-girl: #fca716;
--california-girl-rgb: 252 167 22;
--california-girl-oklch: oklch(0.793 0.166 71.9);
}
.element {
color: var(--california-girl);
background-color: hsl(38 97% 54%);
border-color: oklch(0.793 0.166 71.9);
}Tailwind CSS v4
@theme {
--color-california-girl: #fca716;
--color-california-girl-50: #ffefc1;
--color-california-girl-100: #ffe0aa;
--color-california-girl-200: #ffca82;
--color-california-girl-300: #eaa94b;
--color-california-girl-400: #d98b00;
--color-california-girl-500: #c76d00;
--color-california-girl-600: #a85d00;
--color-california-girl-700: #874a00;
--color-california-girl-800: #653500;
--color-california-girl-900: #472400;
--color-california-girl-950: #2e1200;
}SCSS
$california-girl: #fca716;
$california-girl-rgb: 252, 167, 22;
$california-girl-light: mix(#fff, $california-girl, 20%);
$california-girl-dark: mix(#000, $california-girl, 20%);
.element {
color: $california-girl;
box-shadow: 0 0 0 2px rgba($california-girl, 0.35);
}