Named color · #F3C13A
Phellodendron Amurense
Phellodendron Amurense is #F3C13A: rgb(243 193 58), hsl(44 89% 59%), oklch(0.834 0.153 87.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Phellodendron Amurense color name →
#F3C13A
oklch(0.834 0.153 87.2)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- F4C857
- F6CE6F
- F7D583
- F8DB97
- F9E1A9
- FBE7BB
- FCEDCC
- FDF3DD
- FEF9EE
Shades
- D3A731
- B48F28
- 977720
- 7A5F18
- 5E4910
- 443409
- 2B2004
- 140E01
- 030200
Tones
- E7BB49
- DBB454
- CFAE5D
- C4A765
- B8A16B
- AD9A70
- A19475
- 968D79
- 8B877D
Color harmonies
Complementary +180°
- F3C13A
Phellodendron Amurense
- B1C8FF
≈ Night Snow
Analogous -30° +30°
- F3C13A
Phellodendron Amurense
- FFB680
≈ Go Go Mango
- C1D555
≈ Frog Prince
Triadic +120° +240°
- F3C13A
Phellodendron Amurense
- 00E2F8
≈ Cold Heights
- FDA3FC
≈ Jigglypuff
Split-complementary +150° +210°
- F3C13A
Phellodendron Amurense
- 8BD2FF
≈ Long Island Sound
- CFBCFF
≈ Lavender Tonic
Tetradic +90° +180° +270°
- F3C13A
Phellodendron Amurense
- 0AE8C7
≈ Fake Jade
- B1C8FF
≈ Night Snow
- FFADC9
≈ Heartfelt
Contrast & accessibility
Ag
FailOn white
WCAG 1.67:1 · APCA Lc 30
Ag
AAAOn black
WCAG 12.50:1 · APCA Lc 73
Best text color: #000000
WCAG 12.50:1 (AAA) · APCA Lc 73
Contrast pairs
Code snippets
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);
}