Nazwany kolor · #F9D975
Amber Pearl
Amber Pearl to #F9D975: rgb(249 217 117), hsl(45 92% 72%), oklch(0.892 0.125 92). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Amber Pearl color name →
#F9D975
oklch(0.892 0.125 92)
Konwersje koloru
- HEX
- #f9d975
- RGB
- rgb(249 217 117)
- HSL
- hsl(45 92% 72%)
- HWB
- hwb(45 46% 2%)
- OKLCH
- oklch(0.892 0.125 92)
- OKLab
- oklab(0.892 -0.004 0.125)
- CIE Lab
- lab(87.92 2.67 52.91)
- LCH
- lch(87.92 52.98 87.1)
- CMYK
- cmyk(0% 13% 53% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FADD85
- FAE194
- FBE5A3
- FBE9B1
- FCEDBE
- FDF0CB
- FDF4D9
- FEF8E5
- FEFBF2
Odcienie ciemniejsze
- D9BC65
- B9A155
- 9A8646
- 7D6C37
- 615329
- 463B1C
- 2C250F
- 151105
- 030201
Tony
- ECD078
- E0C77B
- D3BE7D
- C7B57E
- BBAC80
- AFA380
- A39A81
- 979281
- 8B8981
Harmonie kolorów
Komplementarna +180°
- F9D975
Amber Pearl
- CFDAFF
≈ Icy Plains
Analogowa -30° +30°
- F9D975
Amber Pearl
- FFD1AB
≈ Vanilla Française
- CDE989
≈ Refreshed
Triada +120° +240°
- F9D975
Amber Pearl
- 8FECFF
≈ Photon Projector
- FFC6F6
≈ Kissed by Mist
Komplementarna rozszczepiona +150° +210°
- F9D975
Amber Pearl
- BBE1FF
≈ Dithered Sky
- E3D2FF
≈ Pale Lavender
Tetrada +90° +180° +270°
- F9D975
Amber Pearl
- 6BF6E2
≈ Tiffany Blue
- CFDAFF
≈ Icy Plains
- FFCCD8
≈ Linnet Egg Red
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.38:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.20:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.20:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--amber-pearl: #f9d975;
--amber-pearl-rgb: 249 217 117;
--amber-pearl-oklch: oklch(0.892 0.125 92);
}
.element {
color: var(--amber-pearl);
background-color: hsl(45 92% 72%);
border-color: oklch(0.892 0.125 92);
}Tailwind CSS v4
@theme {
--color-amber-pearl: #f9d975;
--color-amber-pearl-50: #fff5cd;
--color-amber-pearl-100: #f5e8b9;
--color-amber-pearl-200: #e6d497;
--color-amber-pearl-300: #ccb76a;
--color-amber-pearl-400: #b99c3b;
--color-amber-pearl-500: #a48200;
--color-amber-pearl-600: #8a6e00;
--color-amber-pearl-700: #6f5800;
--color-amber-pearl-800: #534000;
--color-amber-pearl-900: #3a2c00;
--color-amber-pearl-950: #241900;
}SCSS
$amber-pearl: #f9d975;
$amber-pearl-rgb: 249, 217, 117;
$amber-pearl-light: mix(#fff, $amber-pearl, 20%);
$amber-pearl-dark: mix(#000, $amber-pearl, 20%);
.element {
color: $amber-pearl;
box-shadow: 0 0 0 2px rgba($amber-pearl, 0.35);
}