لون مسمّى · #AF3519
Grilled Tomato
Grilled Tomato هو #AF3519: rgb(175 53 25)، hsl(11 75% 39%)، oklch(0.508 0.163 34). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Grilled Tomato color name →
#AF3519
oklch(0.508 0.163 34)
تحويلات الألوان
- HEX
- #af3519
- RGB
- rgb(175 53 25)
- HSL
- hsl(11 75% 39%)
- HWB
- hwb(11 10% 31%)
- OKLCH
- oklch(0.508 0.163 34)
- OKLab
- oklab(0.508 0.135 0.091)
- CIE Lab
- lab(41.45 49.33 44.92)
- LCH
- lch(41.45 66.72 42.3)
- CMYK
- cmyk(0% 70% 86% 31%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B94C34
- C3614B
- CD7661
- D58977
- DE9D8D
- E5B0A3
- EDC4BA
- F3D7D1
- F9EBE8
درجات داكنة
- 982D14
- 812510
- 6B1D0B
- 561507
- 410E04
- 2E0802
- 1C0301
- 0B0100
- 010000
درجات رمادية
- AC4028
- A84934
- A5523F
- A15949
- 9C6153
- 98685C
- 936E65
- 8D746E
- 877A77
تناسق الألوان
متمم +180°
- AF3519
Grilled Tomato
- 007285
≈ Glamour Green
متجاور -30° +30°
- AF3519
Grilled Tomato
- AC2F5B
≈ Jam Jar
- 925500
≈ Mochaccino
ثلاثي +120° +240°
- AF3519
Grilled Tomato
- 007A42
≈ Tokiwa Green
- 4C58C1
≈ Free Speech Blue
متمم منقسم +150° +210°
- AF3519
Grilled Tomato
- 00766B
≈ Hawk Turquoise
- 006BA7
≈ Indigo Bunting
رباعي +90° +180° +270°
- AF3519
Grilled Tomato
- 577100
≈ Over the Hills
- 007285
≈ Glamour Green
- 7B47AF
≈ Harley Hair Purple
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.27:1 · APCA Lc 80
Ag
Failعلى الأسود
WCAG 3.34:1 · APCA Lc 22
أفضل لون للنص: #FFFFFF
WCAG 6.27:1 (AA) · APCA Lc 80
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--grilled-tomato: #af3519;
--grilled-tomato-rgb: 175 53 25;
--grilled-tomato-oklch: oklch(0.508 0.163 34);
}
.element {
color: var(--grilled-tomato);
background-color: hsl(11 75% 39%);
border-color: oklch(0.508 0.163 34);
}Tailwind CSS v4
@theme {
--color-grilled-tomato: #af3519;
--color-grilled-tomato-50: #ffe6d5;
--color-grilled-tomato-100: #ffd5c3;
--color-grilled-tomato-200: #ffbca4;
--color-grilled-tomato-300: #ff987c;
--color-grilled-tomato-400: #ee765a;
--color-grilled-tomato-500: #dd5233;
--color-grilled-tomato-600: #ba472d;
--color-grilled-tomato-700: #963824;
--color-grilled-tomato-800: #70271b;
--color-grilled-tomato-900: #4f1a11;
--color-grilled-tomato-950: #340a04;
}SCSS
$grilled-tomato: #af3519;
$grilled-tomato-rgb: 175, 53, 25;
$grilled-tomato-light: mix(#fff, $grilled-tomato, 20%);
$grilled-tomato-dark: mix(#000, $grilled-tomato, 20%);
.element {
color: $grilled-tomato;
box-shadow: 0 0 0 2px rgba($grilled-tomato, 0.35);
}