أقرب لون مسمّى · #ED710E
#ED710E
أقرب لون مسمّى: Clementine
#ED710E (rgb(237 113 14)، hsl(27 89% 49%)، oklch(0.684 0.178 49.8)) أقرب إلى اللون المسمّى Clementine. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#ED710E
oklch(0.684 0.178 49.8)
تحويلات الألوان
- HEX
- #ed710e
- RGB
- rgb(237 113 14)
- HSL
- hsl(27 89% 49%)
- HWB
- hwb(27 5% 7%)
- OKLCH
- oklch(0.684 0.178 49.8)
- OKLab
- oklab(0.684 0.115 0.136)
- CIE Lab
- lab(62.26 45.71 67.97)
- LCH
- lch(62.26 81.91 56.1)
- CMYK
- cmyk(0% 52% 94% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F1813A
- F49055
- F79E6C
- F9AD82
- FBBB97
- FDC9AC
- FED6C1
- FFE4D6
- FFF1EA
درجات داكنة
- CE610B
- B05207
- 934305
- 773503
- 5C2702
- 421A01
- 2A0E00
- 140400
- 030100
درجات رمادية
- E3742A
- D8773B
- CE7947
- C37B52
- B97D5B
- AE7E63
- A37F6B
- 987F72
- 8C8079
تناسق الألوان
متمم +180°
- ED710E
Clementine
- 00A8DD
≈ Blue Fire
متجاور -30° +30°
- ED710E
Clementine
- F4636B
≈ Usubeni Red
- C78E00
≈ Festering Brown
ثلاثي +120° +240°
- ED710E
Clementine
- 00B48C
≈ Chromophobia Green
- 9A82FE
≈ Periwinkle
متمم منقسم +150° +210°
- ED710E
Clementine
- 00AFB6
≈ Mermaid Treasure
- 5897FF
≈ Blue Chaos
رباعي +90° +180° +270°
- ED710E
Clementine
- 56B33E
≈ Skirret Green
- 00A8DD
≈ Blue Fire
- C870DD
≈ Purple Snail
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.01:1 · APCA Lc 56
Ag
AAعلى الأسود
WCAG 6.96:1 · APCA Lc 46
أفضل لون للنص: #000000
WCAG 6.96:1 (AA) · APCA Lc 46
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--clementine: #ed710e;
--clementine-rgb: 237 113 14;
--clementine-oklch: oklch(0.684 0.178 49.8);
}
.element {
color: var(--clementine);
background-color: hsl(27 89% 49%);
border-color: oklch(0.684 0.178 49.8);
}Tailwind CSS v4
@theme {
--color-clementine: #ed710e;
--color-clementine-50: #ffe8c7;
--color-clementine-100: #ffd8b1;
--color-clementine-200: #ffbe8c;
--color-clementine-300: #fe9b5c;
--color-clementine-400: #ef7929;
--color-clementine-500: #dd5500;
--color-clementine-600: #bb4900;
--color-clementine-700: #963b00;
--color-clementine-800: #712900;
--color-clementine-900: #501b00;
--color-clementine-950: #350a00;
}SCSS
$clementine: #ed710e;
$clementine-rgb: 237, 113, 14;
$clementine-light: mix(#fff, $clementine, 20%);
$clementine-dark: mix(#000, $clementine, 20%);
.element {
color: $clementine;
box-shadow: 0 0 0 2px rgba($clementine, 0.35);
}