لون مسمّى · #FAE8B8
Hawaiian Cream
Hawaiian Cream هو #FAE8B8: rgb(250 232 184)، hsl(44 87% 85%)، oklch(0.934 0.065 89.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Hawaiian Cream color name →
#FAE8B8
oklch(0.934 0.065 89.9)
تحويلات الألوان
- HEX
- #fae8b8
- RGB
- rgb(250 232 184)
- HSL
- hsl(44 87% 85%)
- HWB
- hwb(44 72% 2%)
- OKLCH
- oklch(0.934 0.065 89.9)
- OKLab
- oklab(0.934 0 0.065)
- CIE Lab
- lab(92.59 1.04 25.78)
- LCH
- lch(92.59 25.8 87.7)
- CMYK
- cmyk(0% 7% 26% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FBEABF
- FBEDC7
- FCEFCE
- FCF1D5
- FDF4DC
- FDF6E3
- FEF8EA
- FEFBF1
- FFFDF8
درجات داكنة
- D9CAA0
- BAAC88
- 9B9071
- 7D745B
- 615945
- 464031
- 2D291E
- 15130C
- 030302
درجات رمادية
- EDDDB2
- E0D2AD
- D4C8A7
- C7BDA2
- BBB39C
- AFA897
- A39E91
- 97948B
- 8C8A86
تناسق الألوان
متمم +180°
- FAE8B8
Hawaiian Cream
- E1E9FF
≈ Glitter
متجاور -30° +30°
- FAE8B8
Hawaiian Cream
- FFE3CE
≈ Lumber
- E3F0C0
≈ New Hope
ثلاثي +120° +240°
- FAE8B8
Hawaiian Cream
- BCF5FF
≈ Pale Sky
- FFDDFB
≈ Sugarpills
متمم منقسم +150° +210°
- FAE8B8
Hawaiian Cream
- D5EDFF
≈ Ice Castle
- ECE4FF
≈ Lavender Mist
رباعي +90° +180° +270°
- FAE8B8
Hawaiian Cream
- BAF8EB
≈ Shallow End
- E1E9FF
≈ Glitter
- FFE0E8
≈ Baby Girl
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.21:1 · APCA Lc 11
Ag
AAAعلى الأسود
WCAG 17.29:1 · APCA Lc 94
أفضل لون للنص: #000000
WCAG 17.29:1 (AAA) · APCA Lc 94
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--hawaiian-cream: #fae8b8;
--hawaiian-cream-rgb: 250 232 184;
--hawaiian-cream-oklch: oklch(0.934 0.065 89.9);
}
.element {
color: var(--hawaiian-cream);
background-color: hsl(44 87% 85%);
border-color: oklch(0.934 0.065 89.9);
}Tailwind CSS v4
@theme {
--color-hawaiian-cream: #fae8b8;
--color-hawaiian-cream-50: #fcf5e1;
--color-hawaiian-cream-100: #efe8d0;
--color-hawaiian-cream-200: #ded4b5;
--color-hawaiian-cream-300: #c3b792;
--color-hawaiian-cream-400: #ad9d72;
--color-hawaiian-cream-500: #978553;
--color-hawaiian-cream-600: #807047;
--color-hawaiian-cream-700: #665a38;
--color-hawaiian-cream-800: #4c4128;
--color-hawaiian-cream-900: #352d1a;
--color-hawaiian-cream-950: #201a0b;
}SCSS
$hawaiian-cream: #fae8b8;
$hawaiian-cream-rgb: 250, 232, 184;
$hawaiian-cream-light: mix(#fff, $hawaiian-cream, 20%);
$hawaiian-cream-dark: mix(#000, $hawaiian-cream, 20%);
.element {
color: $hawaiian-cream;
box-shadow: 0 0 0 2px rgba($hawaiian-cream, 0.35);
}