Màu có tên gần nhất · #AD0338
#AD0338
Màu có tên gần nhất: Rouge
#AD0338 (rgb(173 3 56), hsl(341 97% 35%), oklch(0.476 0.189 15.2)) gần nhất với màu có tên Rouge. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#AD0338
oklch(0.476 0.189 15.2)
Chuyển đổi màu
- HEX
- #ad0338
- RGB
- rgb(173 3 56)
- HSL
- hsl(341 97% 35%)
- HWB
- hwb(341 1% 32%)
- OKLCH
- oklch(0.476 0.189 15.2)
- OKLab
- oklab(0.476 0.182 0.049)
- CIE Lab
- lab(37.12 61.08 22.41)
- LCH
- lch(37.12 65.06 20.1)
- CMYK
- cmyk(0% 98% 68% 32%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B8324A
- C34D5D
- CD6570
- D77B83
- DF9197
- E7A7AB
- EEBDBF
- F5D3D4
- FAE9E9
Sắc đậm
- 96022F
- 7F0227
- 6A011F
- 550117
- 41000F
- 2D0008
- 1B0004
- 0B0001
- 010000
Sắc xám
- AB233F
- A83447
- A5414E
- A14C55
- 9D565C
- 995F63
- 94686A
- 8E7072
- 877879
Hòa sắc
Bổ túc +180°
- AD0338
Rouge
- 006A6B
≈ Mayan Blue
Tương đồng -30° +30°
- AD0338
Rouge
- 9F1574
≈ Haunted Purple
- 973D00
≈ Hot Brown
Bộ ba +120° +240°
- AD0338
Rouge
- 356D00
≈ Tatzelwurm Green
- 005AB2
≈ Bottled Sea
Bổ túc chia +150° +210°
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.37:1 · APCA Lc 83
Ag
FailTrên nền đen
WCAG 2.84:1 · APCA Lc 19
Màu chữ tốt nhất: #FFFFFF
WCAG 7.37:1 (AAA) · APCA Lc 83
Contrast pairs
Đoạn mã
CSS
:root {
--rouge: #ad0338;
--rouge-rgb: 173 3 56;
--rouge-oklch: oklch(0.476 0.189 15.2);
}
.element {
color: var(--rouge);
background-color: hsl(341 97% 35%);
border-color: oklch(0.476 0.189 15.2);
}Tailwind CSS v4
@theme {
--color-rouge: #ad0338;
--color-rouge-50: #ffe0e2;
--color-rouge-100: #ffcfd1;
--color-rouge-200: #ffb2b7;
--color-rouge-300: #ff8c94;
--color-rouge-400: #f96679;
--color-rouge-500: #e83a5c;
--color-rouge-600: #c4344e;
--color-rouge-700: #9d293e;
--color-rouge-800: #751c2f;
--color-rouge-900: #531320;
--color-rouge-950: #37030f;
}SCSS
$rouge: #ad0338;
$rouge-rgb: 173, 3, 56;
$rouge-light: mix(#fff, $rouge, 20%);
$rouge-dark: mix(#000, $rouge, 20%);
.element {
color: $rouge;
box-shadow: 0 0 0 2px rgba($rouge, 0.35);
}