Nazwany kolor · #F9D964
Sunbound
Sunbound to #F9D964: rgb(249 217 100), hsl(47 93% 68%), oklch(0.89 0.14 94.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Sunbound color name →
#F9D964
oklch(0.89 0.14 94.1)
Konwersje koloru
- HEX
- #f9d964
- RGB
- rgb(249 217 100)
- HSL
- hsl(47 93% 68%)
- HWB
- hwb(47 39% 2%)
- OKLCH
- oklch(0.89 0.14 94.1)
- OKLab
- oklab(0.89 -0.01 0.139)
- CIE Lab
- lab(87.77 1.77 60.43)
- LCH
- lch(87.77 60.46 88.3)
- CMYK
- cmyk(0% 13% 60% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FADD77
- FAE189
- FBE599
- FBE9A9
- FCEDB8
- FDF1C7
- FDF4D5
- FEF8E3
- FEFCF1
Odcienie ciemniejsze
- D9BC56
- B9A148
- 9A863B
- 7D6C2E
- 615322
- 463B16
- 2C250B
- 151103
- 030200
Tony
- ECD06A
- E0C76F
- D3BE73
- C7B577
- BBAC79
- AFA37C
- A39A7D
- 97927F
- 8B8980
Harmonie kolorów
Komplementarna +180°
- F9D964
Sunbound
- CFD9FF
≈ Icy Plains
Analogowa -30° +30°
- F9D964
Sunbound
- FFD1A7
≈ Opalescent Coral
- C7EB7F
≈ Sulu
Triada +120° +240°
- F9D964
Sunbound
- 92EBFF
≈ Photon Projector
- FFC6F3
≈ Rosy Maple Moth
Komplementarna rozszczepiona +150° +210°
- F9D964
Sunbound
- BBE0FF
≈ Dithered Sky
- E4D1FF
≈ Pale Lavender
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.38:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.13:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.13:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--sunbound: #f9d964;
--sunbound-rgb: 249 217 100;
--sunbound-oklch: oklch(0.89 0.14 94.1);
}
.element {
color: var(--sunbound);
background-color: hsl(47 93% 68%);
border-color: oklch(0.89 0.14 94.1);
}Tailwind CSS v4
@theme {
--color-sunbound: #f9d964;
--color-sunbound-50: #fff6c9;
--color-sunbound-100: #f5e9b3;
--color-sunbound-200: #e6d58f;
--color-sunbound-300: #ccb75f;
--color-sunbound-400: #ba9c25;
--color-sunbound-500: #a58200;
--color-sunbound-600: #8b6e00;
--color-sunbound-700: #705800;
--color-sunbound-800: #544000;
--color-sunbound-900: #3a2c00;
--color-sunbound-950: #241900;
}SCSS
$sunbound: #f9d964;
$sunbound-rgb: 249, 217, 100;
$sunbound-light: mix(#fff, $sunbound, 20%);
$sunbound-dark: mix(#000, $sunbound, 20%);
.element {
color: $sunbound;
box-shadow: 0 0 0 2px rgba($sunbound, 0.35);
}