Nazwany kolor · #FDAE44
Safflower
Safflower to #FDAE44: rgb(253 174 68), hsl(34 98% 63%), oklch(0.809 0.149 70.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Safflower color name →
#FDAE44
oklch(0.809 0.149 70.3)
Konwersje koloru
- HEX
- #fdae44
- RGB
- rgb(253 174 68)
- HSL
- hsl(34 98% 63%)
- HWB
- hwb(34 27% 1%)
- OKLCH
- oklch(0.809 0.149 70.3)
- OKLab
- oklab(0.809 0.05 0.14)
- CIE Lab
- lab(77.61 23.29 63.74)
- LCH
- lch(77.61 67.86 69.9)
- CMYK
- cmyk(0% 31% 73% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FEB75D
- FFBF72
- FFC786
- FFD098
- FFD8AA
- FFE0BB
- FFE8CC
- FFF0DD
- FFF7EE
Odcienie ciemniejsze
- DC973A
- BC8030
- 9D6A26
- 7F551D
- 624114
- 472E0C
- 2D1C05
- 160B02
- 030100
Tony
- F0AA4F
- E4A558
- D7A160
- CA9D67
- BE986C
- B19371
- A58F76
- 998A79
- 8C857D
Harmonie kolorów
Komplementarna +180°
- FDAE44
Safflower
- 8FC6FF
≈ Clear Sky
Analogowa -30° +30°
- FDAE44
Safflower
- FFA889
≈ Super Sepia
- D7C23C
≈ Limone
Triada +120° +240°
- FDAE44
Safflower
- 00DDD5
≈ Fish Boy
- DBA8FF
≈ Testosterose
Komplementarna rozszczepiona +150° +210°
- FDAE44
Safflower
- 2DD5FF
≈ Neon Blue
- B4BAFF
≈ Greyish Lavender
Tetrada +90° +180° +270°
- FDAE44
Safflower
- 56DEA0
≈ Aurora Green
- 8FC6FF
≈ Clear Sky
- FF99DE
≈ Pink Condition
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.85:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.31:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.31:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--safflower: #fdae44;
--safflower-rgb: 253 174 68;
--safflower-oklch: oklch(0.809 0.149 70.3);
}
.element {
color: var(--safflower);
background-color: hsl(34 98% 63%);
border-color: oklch(0.809 0.149 70.3);
}Tailwind CSS v4
@theme {
--color-safflower: #fdae44;
--color-safflower-50: #ffefc7;
--color-safflower-100: #ffe1b1;
--color-safflower-200: #fcca8c;
--color-safflower-300: #e6aa5b;
--color-safflower-400: #d58d22;
--color-safflower-500: #c27000;
--color-safflower-600: #a45f00;
--color-safflower-700: #844c00;
--color-safflower-800: #633600;
--color-safflower-900: #452500;
--color-safflower-950: #2d1300;
}SCSS
$safflower: #fdae44;
$safflower-rgb: 253, 174, 68;
$safflower-light: mix(#fff, $safflower, 20%);
$safflower-dark: mix(#000, $safflower, 20%);
.element {
color: $safflower;
box-shadow: 0 0 0 2px rgba($safflower, 0.35);
}