En yakın adlandırılmış renk · #DB0012
#DB0012
En yakın adlandırılmış renk: Stoplight
#DB0012 (rgb(219 0 18), hsl(355 100% 43%), oklch(0.56 0.229 27.7)) en çok Stoplight adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#DB0012
oklch(0.56 0.229 27.7)
Renk dönüşümleri
- HEX
- #db0012
- RGB
- rgb(219 0 18)
- HSL
- hsl(355 100% 43%)
- HWB
- hwb(355 0% 14%)
- OKLCH
- oklch(0.56 0.229 27.7)
- OKLab
- oklab(0.56 0.203 0.106)
- CIE Lab
- lab(46.71 72.14 56.5)
- LCH
- lch(46.71 91.63 38.1)
- CMYK
- cmyk(0% 100% 92% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E23A33
- E9574C
- EF6F62
- F48579
- F89A8F
- FBAFA5
- FEC3BB
- FFD7D1
- FFEBE8
Koyu tonlar
- BE000E
- A2000A
- 870007
- 6D0004
- 540002
- 3C0001
- 260001
- 110000
- 020000
Gri tonlar
- D42926
- CC3C34
- C5493F
- BD544A
- B45D54
- AB665D
- A26D66
- 97746F
- 8C7A77
Renk uyumları
Tamamlayıcı +180°
- DB0012
Stoplight
- 008492
≈ True Teal
Analog -30° +30°
- DB0012
Stoplight
- D10075
≈ Moth Orchid
- AD5C00
≈ Elm Brown Red
Üçlü +120° +240°
- DB0012
Stoplight
- 008D35
≈ Viper Green
- 3C61F8
≈ Secret of Mana
Bölünmüş tamamlayıcı +150° +210°
- DB0012
Stoplight
- 008874
≈ Summer Turquoise
- 007DB4
≈ Artesian Water
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.22:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.02:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--stoplight: #db0012;
--stoplight-rgb: 219 0 18;
--stoplight-oklch: oklch(0.56 0.229 27.7);
}
.element {
color: var(--stoplight);
background-color: hsl(355 100% 43%);
border-color: oklch(0.56 0.229 27.7);
}Tailwind CSS v4
@theme {
--color-stoplight: #db0012;
--color-stoplight-50: #ffddcf;
--color-stoplight-100: #ffcbbb;
--color-stoplight-200: #ffad9a;
--color-stoplight-300: #ff836f;
--color-stoplight-400: #ff564b;
--color-stoplight-500: #fa0518;
--color-stoplight-600: #d31318;
--color-stoplight-700: #aa1113;
--color-stoplight-800: #7f0811;
--color-stoplight-900: #5a060b;
--color-stoplight-950: #3d0001;
}SCSS
$stoplight: #db0012;
$stoplight-rgb: 219, 0, 18;
$stoplight-light: mix(#fff, $stoplight, 20%);
$stoplight-dark: mix(#000, $stoplight, 20%);
.element {
color: $stoplight;
box-shadow: 0 0 0 2px rgba($stoplight, 0.35);
}