Colore con nome · #F6AD3A
Raichu Orange
Raichu Orange è #F6AD3A: rgb(246 173 58), hsl(37 91% 60%), oklch(0.799 0.15 74). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Raichu Orange color name →
#F6AD3A
oklch(0.799 0.15 74)
Conversioni di colore
- HEX
- #f6ad3a
- RGB
- rgb(246 173 58)
- HSL
- hsl(37 91% 60%)
- HWB
- hwb(37 23% 4%)
- OKLCH
- oklch(0.799 0.15 74)
- OKLab
- oklab(0.799 0.041 0.144)
- CIE Lab
- lab(76.51 20.6 66.25)
- LCH
- lch(76.51 69.38 72.7)
- CMYK
- cmyk(0% 30% 76% 4%)
Tinte · Ombre · Toni
Tinte
- F7B656
- F9BE6D
- FAC781
- FBCF94
- FCD7A7
- FDDFB9
- FEE7CB
- FEEFDC
- FFF7EE
Ombre
- D69631
- B77F28
- 986A20
- 7B5518
- 5F4110
- 452D09
- 2C1B04
- 150B01
- 030100
Toni
- EAA948
- DEA552
- D2A05B
- C69C63
- BA9869
- AF936F
- A38E74
- 978A78
- 8C857C
Armonie di colore
Complementare +180°
- F6AD3A
Raichu Orange
- 8EC1FF
≈ Scenic Water
Analogo -30° +30°
- F6AD3A
Raichu Orange
- FFA37B
≈ Butternut
- CEC13A
≈ Anime
Triadico +120° +240°
- F6AD3A
Raichu Orange
- 00D8D7
≈ Fish Boy
- E09FFF
≈ Medium Lavender Magenta
Complementare divisa +150° +210°
- F6AD3A
Raichu Orange
- 35D0FF
≈ Thor’s Thunder
- B5B4FF
≈ Greyish Lavender
Tetradico +90° +180° +270°
- F6AD3A
Raichu Orange
- 44DBA3
≈ Malted Mint Madness
- 8EC1FF
≈ Scenic Water
- FF95D5
≈ Pink Condition
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.91:1 · APCA Lc 36
Ag
AAASu nero
WCAG 10.95:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 10.95:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--raichu-orange: #f6ad3a;
--raichu-orange-rgb: 246 173 58;
--raichu-orange-oklch: oklch(0.799 0.15 74);
}
.element {
color: var(--raichu-orange);
background-color: hsl(37 91% 60%);
border-color: oklch(0.799 0.15 74);
}Tailwind CSS v4
@theme {
--color-raichu-orange: #f6ad3a;
--color-raichu-orange-50: #fff0c6;
--color-raichu-orange-100: #ffe2b0;
--color-raichu-orange-200: #f9cc8a;
--color-raichu-orange-300: #e3ac58;
--color-raichu-orange-400: #d28f19;
--color-raichu-orange-500: #bf7200;
--color-raichu-orange-600: #a16100;
--color-raichu-orange-700: #824e00;
--color-raichu-orange-800: #613700;
--color-raichu-orange-900: #442600;
--color-raichu-orange-950: #2c1400;
}SCSS
$raichu-orange: #f6ad3a;
$raichu-orange-rgb: 246, 173, 58;
$raichu-orange-light: mix(#fff, $raichu-orange, 20%);
$raichu-orange-dark: mix(#000, $raichu-orange, 20%);
.element {
color: $raichu-orange;
box-shadow: 0 0 0 2px rgba($raichu-orange, 0.35);
}