Colore con nome · #F3C13A
Phellodendron Amurense
Phellodendron Amurense è #F3C13A: rgb(243 193 58), hsl(44 89% 59%), oklch(0.834 0.153 87.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Phellodendron Amurense color name →
#F3C13A
oklch(0.834 0.153 87.2)
Conversioni di colore
- HEX
- #f3c13a
- RGB
- rgb(243 193 58)
- HSL
- hsl(44 89% 59%)
- HWB
- hwb(44 23% 5%)
- OKLCH
- oklch(0.834 0.153 87.2)
- OKLab
- oklab(0.834 0.007 0.153)
- CIE Lab
- lab(80.98 9.4 70.09)
- LCH
- lch(80.98 70.71 82.4)
- CMYK
- cmyk(0% 21% 76% 5%)
Tinte · Ombre · Toni
Tinte
- F4C857
- F6CE6F
- F7D583
- F8DB97
- F9E1A9
- FBE7BB
- FCEDCC
- FDF3DD
- FEF9EE
Ombre
- D3A731
- B48F28
- 977720
- 7A5F18
- 5E4910
- 443409
- 2B2004
- 140E01
- 030200
Toni
- E7BB49
- DBB454
- CFAE5D
- C4A765
- B8A16B
- AD9A70
- A19475
- 968D79
- 8B877D
Armonie di colore
Complementare +180°
- F3C13A
Phellodendron Amurense
- B1C8FF
≈ Night Snow
Analogo -30° +30°
- F3C13A
Phellodendron Amurense
- FFB680
≈ Go Go Mango
- C1D555
≈ Frog Prince
Triadico +120° +240°
- F3C13A
Phellodendron Amurense
- 00E2F8
≈ Cold Heights
- FDA3FC
≈ Jigglypuff
Complementare divisa +150° +210°
- F3C13A
Phellodendron Amurense
- 8BD2FF
≈ Long Island Sound
- CFBCFF
≈ Lavender Tonic
Tetradico +90° +180° +270°
- F3C13A
Phellodendron Amurense
- 0AE8C7
≈ Fake Jade
- B1C8FF
≈ Night Snow
- FFADC9
≈ Heartfelt
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.67:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.50:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.50:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--phellodendron-amurense: #f3c13a;
--phellodendron-amurense-rgb: 243 193 58;
--phellodendron-amurense-oklch: oklch(0.834 0.153 87.2);
}
.element {
color: var(--phellodendron-amurense);
background-color: hsl(44 89% 59%);
border-color: oklch(0.834 0.153 87.2);
}Tailwind CSS v4
@theme {
--color-phellodendron-amurense: #f3c13a;
--color-phellodendron-amurense-50: #fff4c4;
--color-phellodendron-amurense-100: #fce6ad;
--color-phellodendron-amurense-200: #eed186;
--color-phellodendron-amurense-300: #d7b352;
--color-phellodendron-amurense-400: #c59700;
--color-phellodendron-amurense-500: #b17c00;
--color-phellodendron-amurense-600: #966900;
--color-phellodendron-amurense-700: #785400;
--color-phellodendron-amurense-800: #5a3c00;
--color-phellodendron-amurense-900: #3f2a00;
--color-phellodendron-amurense-950: #281700;
}SCSS
$phellodendron-amurense: #f3c13a;
$phellodendron-amurense-rgb: 243, 193, 58;
$phellodendron-amurense-light: mix(#fff, $phellodendron-amurense, 20%);
$phellodendron-amurense-dark: mix(#000, $phellodendron-amurense, 20%);
.element {
color: $phellodendron-amurense;
box-shadow: 0 0 0 2px rgba($phellodendron-amurense, 0.35);
}