لون مسمّى · #FFDB67
Sunrose Yellow
Sunrose Yellow هو #FFDB67: rgb(255 219 103)، hsl(46 100% 70%)، oklch(0.9 0.14 92.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Sunrose Yellow color name →
#FFDB67
oklch(0.9 0.14 92.1)
تحويلات الألوان
- HEX
- #ffdb67
- RGB
- rgb(255 219 103)
- HSL
- hsl(46 100% 70%)
- HWB
- hwb(46 40% 0%)
- OKLCH
- oklch(0.9 0.14 92.1)
- OKLab
- oklab(0.9 -0.005 0.14)
- CIE Lab
- lab(88.85 3.39 60.48)
- LCH
- lch(88.85 60.58 86.8)
- CMYK
- cmyk(0% 14% 60% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFDF7A
- FFE38B
- FFE79B
- FFEAAB
- FFEEB9
- FFF1C8
- FFF5D6
- FFF8E4
- FFFCF1
درجات داكنة
- DEBE59
- BEA24B
- 9E873D
- 806D30
- 635423
- 483C17
- 2E260C
- 161104
- 030200
درجات رمادية
- F2D26D
- E4C971
- D7BF75
- CAB678
- BEAD7B
- B1A47D
- A49B7E
- 98927F
- 8C8980
تناسق الألوان
متمم +180°
- FFDB67
Sunrose Yellow
- D2DDFF
≈ Arc Light
متجاور -30° +30°
- FFDB67
Sunrose Yellow
- FFD5B1
≈ Forgotten Sunset
- CEED80
≈ Venomous Sting
ثلاثي +120° +240°
- FFDB67
Sunrose Yellow
- 99EEFF
≈ Alpine Expedition
- FFCBF6
≈ Kissed by Mist
متمم منقسم +150° +210°
- FFDB67
Sunrose Yellow
- C0E3FF
≈ Dithered Sky
- E5D5FF
≈ Mousse aux Pruneaux
رباعي +90° +180° +270°
- FFDB67
Sunrose Yellow
- 55FCE5
≈ Icy Life
- D2DDFF
≈ Arc Light
- FFCFDB
≈ Bologna Sausage
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.34:1 · APCA Lc 17
Ag
AAAعلى الأسود
WCAG 15.58:1 · APCA Lc 87
أفضل لون للنص: #000000
WCAG 15.58:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sunrose-yellow: #ffdb67;
--sunrose-yellow-rgb: 255 219 103;
--sunrose-yellow-oklch: oklch(0.9 0.14 92.1);
}
.element {
color: var(--sunrose-yellow);
background-color: hsl(46 100% 70%);
border-color: oklch(0.9 0.14 92.1);
}Tailwind CSS v4
@theme {
--color-sunrose-yellow: #ffdb67;
--color-sunrose-yellow-50: #fff5c8;
--color-sunrose-yellow-100: #f7e8b3;
--color-sunrose-yellow-200: #e8d48f;
--color-sunrose-yellow-300: #cfb65e;
--color-sunrose-yellow-400: #bc9b25;
--color-sunrose-yellow-500: #a78100;
--color-sunrose-yellow-600: #8d6d00;
--color-sunrose-yellow-700: #715700;
--color-sunrose-yellow-800: #553f00;
--color-sunrose-yellow-900: #3b2b00;
--color-sunrose-yellow-950: #251800;
}SCSS
$sunrose-yellow: #ffdb67;
$sunrose-yellow-rgb: 255, 219, 103;
$sunrose-yellow-light: mix(#fff, $sunrose-yellow, 20%);
$sunrose-yellow-dark: mix(#000, $sunrose-yellow, 20%);
.element {
color: $sunrose-yellow;
box-shadow: 0 0 0 2px rgba($sunrose-yellow, 0.35);
}