Màu có tên gần nhất · #294E55
#294E55
Màu có tên gần nhất: Sunken Mystery
#294E55 (rgb(41 78 85), hsl(190 35% 25%), oklch(0.399 0.044 211.1)) gần nhất với màu có tên Sunken Mystery. 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.
#294E55
oklch(0.399 0.044 211.1)
Chuyển đổi màu
- HEX
- #294e55
- RGB
- rgb(41 78 85)
- HSL
- hsl(190 35% 25%)
- HWB
- hwb(190 16% 67%)
- OKLCH
- oklch(0.399 0.044 211.1)
- OKLab
- oklab(0.399 -0.038 -0.023)
- CIE Lab
- lab(30.65 -12.18 -8.51)
- LCH
- lch(30.65 14.86 214.9)
- CMYK
- cmyk(52% 8% 0% 67%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3D5E64
- 516F74
- 667F85
- 7A9195
- 8FA2A6
- A5B4B7
- BBC6C9
- D1D9DB
- E8ECED
Sắc đậm
- 224349
- 1C383D
- 152D31
- 0F2326
- 09191C
- 050F11
- 020708
- 010202
- 000000
Sắc xám
- 325359
- 3B585D
- 445D62
- 4D6266
- 55676A
- 5E6C6F
- 667173
- 6F7677
- 777B7C
Hòa sắc
Bổ túc +180°
- 294E55
Sunken Mystery
- 5D3F39
≈ Shaved Chocolate
Tương đồng -30° +30°
- 294E55
Sunken Mystery
- 2B4F49
≈ Carriage Green
- 324B5D
≈ Ingénue Blue
Bộ ba +120° +240°
- 294E55
Sunken Mystery
- 563F52
≈ Currant Violet
- 50472B
≈ Tinny Tin
Bổ túc chia +150° +210°
- 294E55
Sunken Mystery
- 5C3E46
≈ Hibiscus Punch
- 59422F
≈ Old Treasure Chest
Bộ bốn +90° +180° +270°
- 294E55
Sunken Mystery
- 4B425C
≈ Purple Blanket
- 5D3F39
≈ Shaved Chocolate
- 444B30
≈ Matsuba Green
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.07:1 · APCA Lc 91
Ag
FailTrên nền đen
WCAG 2.31:1 · APCA Lc 12
Màu chữ tốt nhất: #FFFFFF
WCAG 9.07:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
CSS
:root {
--sunken-mystery: #294e55;
--sunken-mystery-rgb: 41 78 85;
--sunken-mystery-oklch: oklch(0.399 0.044 211.1);
}
.element {
color: var(--sunken-mystery);
background-color: hsl(190 35% 25%);
border-color: oklch(0.399 0.044 211.1);
}Tailwind CSS v4
@theme {
--color-sunken-mystery: #294e55;
--color-sunken-mystery-50: #e8f9fd;
--color-sunken-mystery-100: #d8ecf1;
--color-sunken-mystery-200: #c0dae0;
--color-sunken-mystery-300: #9fbec5;
--color-sunken-mystery-400: #81a6ad;
--color-sunken-mystery-500: #648e97;
--color-sunken-mystery-600: #557880;
--color-sunken-mystery-700: #446066;
--color-sunken-mystery-800: #30474b;
--color-sunken-mystery-900: #213134;
--color-sunken-mystery-950: #101d1f;
}SCSS
$sunken-mystery: #294e55;
$sunken-mystery-rgb: 41, 78, 85;
$sunken-mystery-light: mix(#fff, $sunken-mystery, 20%);
$sunken-mystery-dark: mix(#000, $sunken-mystery, 20%);
.element {
color: $sunken-mystery;
box-shadow: 0 0 0 2px rgba($sunken-mystery, 0.35);
}