Adlandırılmış renk · #F9D964
Sunbound
Sunbound, #F9D964: rgb(249 217 100), hsl(47 93% 68%), oklch(0.89 0.14 94.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Sunbound color name →
#F9D964
oklch(0.89 0.14 94.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FADD77
- FAE189
- FBE599
- FBE9A9
- FCEDB8
- FDF1C7
- FDF4D5
- FEF8E3
- FEFCF1
Koyu tonlar
- D9BC56
- B9A148
- 9A863B
- 7D6C2E
- 615322
- 463B16
- 2C250B
- 151103
- 030200
Gri tonlar
- ECD06A
- E0C76F
- D3BE73
- C7B577
- BBAC79
- AFA37C
- A39A7D
- 97927F
- 8B8980
Renk uyumları
Tamamlayıcı +180°
- F9D964
Sunbound
- CFD9FF
≈ Icy Plains
Analog -30° +30°
- F9D964
Sunbound
- FFD1A7
≈ Opalescent Coral
- C7EB7F
≈ Sulu
Üçlü +120° +240°
- F9D964
Sunbound
- 92EBFF
≈ Photon Projector
- FFC6F3
≈ Rosy Maple Moth
Bölünmüş tamamlayıcı +150° +210°
- F9D964
Sunbound
- BBE0FF
≈ Dithered Sky
- E4D1FF
≈ Pale Lavender
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.38:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.13:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.13:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
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);
}