Nazwany kolor · #FFB729
Extreme Yellow
Extreme Yellow to #FFB729: rgb(255 183 41), hsl(40 100% 58%), oklch(0.826 0.163 78.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Extreme Yellow color name →
#FFB729
oklch(0.826 0.163 78.2)
Konwersje koloru
- HEX
- #ffb729
- RGB
- rgb(255 183 41)
- HSL
- hsl(40 100% 58%)
- HWB
- hwb(40 16% 0%)
- OKLCH
- oklch(0.826 0.163 78.2)
- OKLab
- oklab(0.826 0.033 0.159)
- CIE Lab
- lab(79.8 18.99 74.96)
- LCH
- lch(79.8 77.33 75.8)
- CMYK
- cmyk(0% 28% 84% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFBF4D
- FFC667
- FFCE7D
- FFD592
- FFDCA5
- FFE4B8
- FFEBCA
- FFF1DC
- FFF8ED
Odcienie ciemniejsze
- DE9F22
- BE871C
- 9E7015
- 805A0F
- 634509
- 483105
- 2E1E02
- 160C01
- 030200
Tony
- F2B23E
- E5AD4C
- D8A757
- CBA260
- BF9D67
- B2976D
- A59173
- 998C78
- 8C867C
Harmonie kolorów
Komplementarna +180°
- FFB729
Extreme Yellow
- A3C8FF
≈ Night Snow
Analogowa -30° +30°
- FFB729
Extreme Yellow
- FFB189
≈ Spice Pink
- D1CD36
≈ Lizard Belly
Triada +120° +240°
- FFB729
Extreme Yellow
- 00E1E7
≈ Fish Boy
- EBA9FF
≈ Pink Sugar
Komplementarna rozszczepiona +150° +210°
- FFB729
Extreme Yellow
- 70D4FF
≈ Heisenberg Blue
- C3BDFF
≈ Dried Lilac
Tetrada +90° +180° +270°
- FFB729
Extreme Yellow
- 1FE7B2
≈ Overchlorinated Pool
- A3C8FF
≈ Night Snow
- FFA6D3
≈ Corinthian Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.74:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.05:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--extreme-yellow: #ffb729;
--extreme-yellow-rgb: 255 183 41;
--extreme-yellow-oklch: oklch(0.826 0.163 78.2);
}
.element {
color: var(--extreme-yellow);
background-color: hsl(40 100% 58%);
border-color: oklch(0.826 0.163 78.2);
}Tailwind CSS v4
@theme {
--color-extreme-yellow: #ffb729;
--color-extreme-yellow-50: #fff1c1;
--color-extreme-yellow-100: #ffe3aa;
--color-extreme-yellow-200: #f9cd82;
--color-extreme-yellow-300: #e3ad4b;
--color-extreme-yellow-400: #d29000;
--color-extreme-yellow-500: #bf7300;
--color-extreme-yellow-600: #a16200;
--color-extreme-yellow-700: #814e00;
--color-extreme-yellow-800: #613800;
--color-extreme-yellow-900: #442600;
--color-extreme-yellow-950: #2c1400;
}SCSS
$extreme-yellow: #ffb729;
$extreme-yellow-rgb: 255, 183, 41;
$extreme-yellow-light: mix(#fff, $extreme-yellow, 20%);
$extreme-yellow-dark: mix(#000, $extreme-yellow, 20%);
.element {
color: $extreme-yellow;
box-shadow: 0 0 0 2px rgba($extreme-yellow, 0.35);
}