Adlandırılmış renk · #D94B28
Crab Curry
Crab Curry, #D94B28: rgb(217 75 40), hsl(12 70% 50%), oklch(0.605 0.184 34.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Crab Curry color name →
#D94B28
oklch(0.605 0.184 34.8)
Renk dönüşümleri
- HEX
- #d94b28
- RGB
- rgb(217 75 40)
- HSL
- hsl(12 70% 50%)
- HWB
- hwb(12 16% 15%)
- OKLCH
- oklch(0.605 0.184 34.8)
- OKLab
- oklab(0.605 0.151 0.105)
- CIE Lab
- lab(52.52 55.34 50.69)
- LCH
- lch(52.52 75.05 42.5)
- CMYK
- cmyk(0% 65% 82% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DF6042
- E57458
- EB866D
- EF9882
- F3A997
- F7BBAB
- FACCC0
- FCDDD5
- FEEEEA
Koyu tonlar
- BC4021
- A1351B
- 862B15
- 6C210F
- 531709
- 3B0E04
- 250602
- 110201
- 020000
Gri tonlar
- D15335
- CA5B40
- C2614A
- B96753
- B16C5B
- A87163
- 9F756A
- 957972
- 8B7D79
Renk uyumları
Tamamlayıcı +180°
- D94B28
Crab Curry
- 0091A9
≈ Cape Pond
Analog -30° +30°
- D94B28
Crab Curry
- D64473
≈ Pink Punch
- B86D00
≈ Indocile Tiger
Üçlü +120° +240°
- D94B28
Crab Curry
- 009B57
≈ Fern Green
- 6472ED
≈ Blue Öyster Cult
Bölünmüş tamamlayıcı +150° +210°
- D94B28
Crab Curry
- 00968A
≈ Lights at Sea
- 0088D5
≈ Calgar Blue
Dörtlü +90° +180° +270°
- D94B28
Crab Curry
- 6D9000
≈ Canopy
- 0091A9
≈ Cape Pond
- 9C5ED8
≈ Legendary Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.21:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 4.98:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 4.98:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
CSS
:root {
--crab-curry: #d94b28;
--crab-curry-rgb: 217 75 40;
--crab-curry-oklch: oklch(0.605 0.184 34.8);
}
.element {
color: var(--crab-curry);
background-color: hsl(12 70% 50%);
border-color: oklch(0.605 0.184 34.8);
}Tailwind CSS v4
@theme {
--color-crab-curry: #d94b28;
--color-crab-curry-50: #ffe4d0;
--color-crab-curry-100: #ffd3bd;
--color-crab-curry-200: #ffb89c;
--color-crab-curry-300: #ff9372;
--color-crab-curry-400: #f76e4e;
--color-crab-curry-500: #e6461c;
--color-crab-curry-600: #c23d1b;
--color-crab-curry-700: #9c3116;
--color-crab-curry-800: #752112;
--color-crab-curry-900: #53160b;
--color-crab-curry-950: #370601;
}SCSS
$crab-curry: #d94b28;
$crab-curry-rgb: 217, 75, 40;
$crab-curry-light: mix(#fff, $crab-curry, 20%);
$crab-curry-dark: mix(#000, $crab-curry, 20%);
.element {
color: $crab-curry;
box-shadow: 0 0 0 2px rgba($crab-curry, 0.35);
}