لون مسمّى · #CD8E43
Hey Honey!
Hey Honey! هو #CD8E43: rgb(205 142 67)، hsl(33 58% 53%)، oklch(0.695 0.119 68.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Hey Honey! color name →
#CD8E43
oklch(0.695 0.119 68.2)
تحويلات الألوان
- HEX
- #cd8e43
- RGB
- rgb(205 142 67)
- HSL
- hsl(33 58% 53%)
- HWB
- hwb(33 26% 20%)
- OKLCH
- oklch(0.695 0.119 68.2)
- OKLab
- oklab(0.695 0.044 0.11)
- CIE Lab
- lab(64.42 19.45 48.78)
- LCH
- lch(64.42 52.52 68.3)
- CMYK
- cmyk(0% 31% 67% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D39959
- D8A56C
- DDB07F
- E2BB92
- E7C7A4
- ECD2B6
- F1DDC8
- F6E8DA
- FBF4ED
درجات داكنة
- B27B39
- 98682F
- 7E5626
- 66441D
- 4E3414
- 38240C
- 231505
- 0F0701
- 020100
درجات رمادية
- C58D4C
- BE8C54
- B68B5B
- AF8961
- A78867
- 9F876D
- 978572
- 908477
- 88827C
تناسق الألوان
متمم +180°
- CD8E43
Hey Honey!
- 5DA3E3
≈ Windjammer
متجاور -30° +30°
- CD8E43
Hey Honey!
- DB8265
≈ Summer Sunset
- B09D3B
≈ Golden Olive
ثلاثي +120° +240°
- CD8E43
Hey Honey!
- 11B4AB
≈ Glass Jar Blue
- B288D5
≈ Middy’s Purple
متمم منقسم +150° +210°
- CD8E43
Hey Honey!
- 22AECE
≈ Aquarius
- 8C95E6
≈ Perrywinkle
رباعي +90° +180° +270°
- CD8E43
Hey Honey!
- 53B381
≈ Jade Cream
- 5DA3E3
≈ Windjammer
- CD7FB6
≈ Peruvian Lily
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.78:1 · APCA Lc 53
Ag
AAAعلى الأسود
WCAG 7.54:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--hey-honey: #cd8e43;
--hey-honey-rgb: 205 142 67;
--hey-honey-oklch: oklch(0.695 0.119 68.2);
}
.element {
color: var(--hey-honey);
background-color: hsl(33 58% 53%);
border-color: oklch(0.695 0.119 68.2);
}Tailwind CSS v4
@theme {
--color-hey-honey: #cd8e43;
--color-hey-honey-50: #fff0d1;
--color-hey-honey-100: #ffe2be;
--color-hey-honey-200: #f5cc9d;
--color-hey-honey-300: #dfad73;
--color-hey-honey-400: #cc904b;
--color-hey-honey-500: #b97513;
--color-hey-honey-600: #9c6315;
--color-hey-honey-700: #7d4f11;
--color-hey-honey-800: #5e390b;
--color-hey-honey-900: #422707;
--color-hey-honey-950: #2a1500;
}SCSS
$hey-honey: #cd8e43;
$hey-honey-rgb: 205, 142, 67;
$hey-honey-light: mix(#fff, $hey-honey, 20%);
$hey-honey-dark: mix(#000, $hey-honey, 20%);
.element {
color: $hey-honey;
box-shadow: 0 0 0 2px rgba($hey-honey, 0.35);
}