لون مسمّى · #EFCF9B
Bright Clove
Bright Clove هو #EFCF9B: rgb(239 207 155)، hsl(37 72% 77%)، oklch(0.869 0.076 79.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Bright Clove color name →
#EFCF9B
oklch(0.869 0.076 79.6)
تحويلات الألوان
- HEX
- #efcf9b
- RGB
- rgb(239 207 155)
- HSL
- hsl(37 72% 77%)
- HWB
- hwb(37 61% 6%)
- OKLCH
- oklch(0.869 0.076 79.6)
- OKLab
- oklab(0.869 0.014 0.075)
- CIE Lab
- lab(84.96 6.28 30.27)
- LCH
- lch(84.96 30.91 78.3)
- CMYK
- cmyk(0% 13% 35% 6%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F1D4A5
- F2D9AF
- F4DEBA
- F6E2C4
- F7E7CD
- F9ECD7
- FAF1E1
- FCF5EB
- FEFAF5
درجات داكنة
- D0B486
- B19972
- 947F5E
- 78674B
- 5C4F39
- 423828
- 2A2318
- 141009
- 030201
درجات رمادية
- E3C799
- D8BF96
- CDB794
- C1AF91
- B6A78F
- AB9F8C
- A09789
- 958F86
- 8B8883
تناسق الألوان
متمم +180°
- EFCF9B
Bright Clove
- BBD6FF
≈ Oh Boy!
متجاور -30° +30°
- EFCF9B
Bright Clove
- FEC6A8
≈ Bright Citrus
- D7D99F
≈ Liminality
ثلاثي +120° +240°
- EFCF9B
Bright Clove
- 96E4E7
≈ Aqua Fiesta
- EBC4F4
≈ Purple’s Baby Sister
متمم منقسم +150° +210°
- EFCF9B
Bright Clove
- 9FDEFD
≈ Columbia Blue
- D2CDFF
≈ Lavender Blue
رباعي +90° +180° +270°
- EFCF9B
Bright Clove
- A1E5CC
≈ Turquoise Tower
- BBD6FF
≈ Oh Boy!
- FCC0DB
≈ Cotton Candy
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.49:1 · APCA Lc 23
Ag
AAAعلى الأسود
WCAG 14.06:1 · APCA Lc 80
أفضل لون للنص: #000000
WCAG 14.06:1 (AAA) · APCA Lc 80
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bright-clove: #efcf9b;
--bright-clove-rgb: 239 207 155;
--bright-clove-oklch: oklch(0.869 0.076 79.6);
}
.element {
color: var(--bright-clove);
background-color: hsl(37 72% 77%);
border-color: oklch(0.869 0.076 79.6);
}Tailwind CSS v4
@theme {
--color-bright-clove: #efcf9b;
--color-bright-clove-50: #fff4dd;
--color-bright-clove-100: #f5e6cc;
--color-bright-clove-200: #e5d2b0;
--color-bright-clove-300: #cbb48b;
--color-bright-clove-400: #b79a6a;
--color-bright-clove-500: #a18049;
--color-bright-clove-600: #886d3e;
--color-bright-clove-700: #6d5731;
--color-bright-clove-800: #513f23;
--color-bright-clove-900: #382b17;
--color-bright-clove-950: #231908;
}SCSS
$bright-clove: #efcf9b;
$bright-clove-rgb: 239, 207, 155;
$bright-clove-light: mix(#fff, $bright-clove, 20%);
$bright-clove-dark: mix(#000, $bright-clove, 20%);
.element {
color: $bright-clove;
box-shadow: 0 0 0 2px rgba($bright-clove, 0.35);
}