Nazwany kolor · #FAB001
Queen Anne
Queen Anne to #FAB001: rgb(250 176 1), hsl(42 99% 49%), oklch(0.807 0.168 78.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Queen Anne color name →
#FAB001
oklch(0.807 0.168 78.2)
Konwersje koloru
- HEX
- #fab001
- RGB
- rgb(250 176 1)
- HSL
- hsl(42 99% 49%)
- HWB
- hwb(42 0% 2%)
- OKLCH
- oklch(0.807 0.168 78.2)
- OKLab
- oklab(0.807 0.034 0.164)
- CIE Lab
- lab(77.52 19.97 79.81)
- LCH
- lch(77.52 82.27 76)
- CMYK
- cmyk(0% 30% 100% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBB93F
- FCC15D
- FDC975
- FDD18B
- FED9A0
- FEE1B4
- FFE9C7
- FFF0DA
- FFF8EC
Odcienie ciemniejsze
- D99901
- BA8201
- 9B6C00
- 7D5600
- 614200
- 462E00
- 2D1C00
- 150B00
- 030100
Tony
- EEAC2E
- E1A741
- D5A34E
- C89E59
- BC9962
- B0946A
- A49070
- 988A76
- 8C857B
Harmonie kolorów
Komplementarna +180°
- FAB001
Queen Anne
- 99C2FF
≈ Pastel Blue
Analogowa -30° +30°
- FAB001
Queen Anne
- FFA87A
≈ Peachy
- CBC71F
≈ Dirty Yellow
Triada +120° +240°
- FAB001
Queen Anne
- 00DAE0
≈ Fish Boy
- E99FFF
≈ VIC 20 Pink
Komplementarna rozszczepiona +150° +210°
- FAB001
Queen Anne
- 5ACFFF
≈ Skyan
- BCB5FF
≈ Greyish Lavender
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.86:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.27:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.27:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--queen-anne: #fab001;
--queen-anne-rgb: 250 176 1;
--queen-anne-oklch: oklch(0.807 0.168 78.2);
}
.element {
color: var(--queen-anne);
background-color: hsl(42 99% 49%);
border-color: oklch(0.807 0.168 78.2);
}Tailwind CSS v4
@theme {
--color-queen-anne: #fab001;
--color-queen-anne-50: #fff1bf;
--color-queen-anne-100: #ffe3a8;
--color-queen-anne-200: #facd7e;
--color-queen-anne-300: #e4ad45;
--color-queen-anne-400: #d38f00;
--color-queen-anne-500: #c17200;
--color-queen-anne-600: #a36100;
--color-queen-anne-700: #834e00;
--color-queen-anne-800: #623700;
--color-queen-anne-900: #452600;
--color-queen-anne-950: #2d1400;
}SCSS
$queen-anne: #fab001;
$queen-anne-rgb: 250, 176, 1;
$queen-anne-light: mix(#fff, $queen-anne, 20%);
$queen-anne-dark: mix(#000, $queen-anne, 20%);
.element {
color: $queen-anne;
box-shadow: 0 0 0 2px rgba($queen-anne, 0.35);
}