لون مسمّى · #F6C79D
Cactus Blooms
Cactus Blooms هو #F6C79D: rgb(246 199 157)، hsl(28 83% 79%)، oklch(0.861 0.077 63.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Cactus Blooms color name →
#F6C79D
oklch(0.861 0.077 63.3)
تحويلات الألوان
- HEX
- #f6c79d
- RGB
- rgb(246 199 157)
- HSL
- hsl(28 83% 79%)
- HWB
- hwb(28 62% 4%)
- OKLCH
- oklch(0.861 0.077 63.3)
- OKLab
- oklab(0.861 0.035 0.069)
- CIE Lab
- lab(83.7 13.13 27.73)
- LCH
- lch(83.7 30.68 64.7)
- CMYK
- cmyk(0% 19% 36% 4%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F7CDA7
- F8D2B1
- F9D8BB
- FADEC4
- FBE3CE
- FCE9D8
- FDEEE2
- FEF4EB
- FEF9F5
درجات داكنة
- D6AD88
- B79373
- 987A5F
- 7B624C
- 5F4C3A
- 453628
- 2C2118
- 150E09
- 030201
درجات رمادية
- EAC09A
- DEB998
- D2B195
- C6AA92
- BAA38F
- AE9C8C
- A29589
- 978E86
- 8B8783
تناسق الألوان
متمم +180°
- F6C79D
Cactus Blooms
- A7D8FF
≈ Malmö FF
متجاور -30° +30°
- F6C79D
Cactus Blooms
- FFC0B1
≈ Ruffled Parasol
- E2D197
≈ Garden Picket
ثلاثي +120° +240°
- F6C79D
Cactus Blooms
- 97E2D6
≈ Sharbah Fizz
- DBC6FB
≈ Neon Boneyard
متمم منقسم +150° +210°
- F6C79D
Cactus Blooms
- 95DFF0
≈ Photon Barrier
- C2CFFF
≈ Lavender Blue
رباعي +90° +180° +270°
- F6C79D
Cactus Blooms
- ABE1BA
≈ Fringy Flower
- A7D8FF
≈ Malmö FF
- F1BFE7
≈ Lavender Soap
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.54:1 · APCA Lc 25
Ag
AAAعلى الأسود
WCAG 13.57:1 · APCA Lc 78
أفضل لون للنص: #000000
WCAG 13.57:1 (AAA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cactus-blooms: #f6c79d;
--cactus-blooms-rgb: 246 199 157;
--cactus-blooms-oklch: oklch(0.861 0.077 63.3);
}
.element {
color: var(--cactus-blooms);
background-color: hsl(28 83% 79%);
border-color: oklch(0.861 0.077 63.3);
}Tailwind CSS v4
@theme {
--color-cactus-blooms: #f6c79d;
--color-cactus-blooms-50: #fff1df;
--color-cactus-blooms-100: #fbe3ce;
--color-cactus-blooms-200: #ecceb2;
--color-cactus-blooms-300: #d3b08e;
--color-cactus-blooms-400: #bf956f;
--color-cactus-blooms-500: #aa7b4e;
--color-cactus-blooms-600: #906843;
--color-cactus-blooms-700: #735335;
--color-cactus-blooms-800: #563c26;
--color-cactus-blooms-900: #3c2919;
--color-cactus-blooms-950: #26170a;
}SCSS
$cactus-blooms: #f6c79d;
$cactus-blooms-rgb: 246, 199, 157;
$cactus-blooms-light: mix(#fff, $cactus-blooms, 20%);
$cactus-blooms-dark: mix(#000, $cactus-blooms, 20%);
.element {
color: $cactus-blooms;
box-shadow: 0 0 0 2px rgba($cactus-blooms, 0.35);
}