Màu có tên gần nhất · #175759
#175759
Màu có tên gần nhất: Deep Sea Diver
#175759 (rgb(23 87 89), hsl(182 59% 22%), oklch(0.419 0.062 198.1)) gần nhất với màu có tên Deep Sea Diver. 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.
#175759
oklch(0.419 0.062 198.1)
Chuyển đổi màu
- HEX
- #175759
- RGB
- rgb(23 87 89)
- HSL
- hsl(182 59% 22%)
- HWB
- hwb(182 9% 65%)
- OKLCH
- oklch(0.419 0.062 198.1)
- OKLab
- oklab(0.419 -0.059 -0.019)
- CIE Lab
- lab(33.2 -19.9 -7.33)
- LCH
- lch(33.2 21.2 200.2)
- CMYK
- cmyk(74% 2% 0% 65%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 326768
- 497678
- 5F8788
- 759798
- 8BA8A8
- A2B9B9
- B9CACA
- D0DBDC
- E7EDED
Sắc đậm
- 124B4C
- 0E3E40
- 0A3334
- 062728
- 041C1D
- 021213
- 010809
- 000303
- 000000
Sắc xám
- 265B5D
- 325F61
- 3D6365
- 476868
- 516C6C
- 5B7070
- 647474
- 6D7878
- 777C7C
Hòa sắc
Bổ túc +180°
- 175759
Deep Sea Diver
- 6B3E40
≈ Imperial Jewel
Tương đồng -30° +30°
- 175759
Deep Sea Diver
- 255846
≈ Rousseau Green
- 225368
≈ Juggernaut
Bộ ba +120° +240°
- 175759
Deep Sea Diver
- 5B4263
≈ Sunset Serenade
- 5F4822
≈ Nightingale
Bổ túc chia +150° +210°
- 175759
Deep Sea Diver
- 663E53
≈ Primitive Plum
- 69422E
≈ Aloeswood
Bộ bốn +90° +180° +270°
- 175759
Deep Sea Diver
- 4B476D
≈ True Romance
- 6B3E40
≈ Imperial Jewel
- 504F25
≈ Warplock Bronze
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.25:1 · APCA Lc 88
Ag
FailTrên nền đen
WCAG 2.54:1 · APCA Lc 14
Màu chữ tốt nhất: #FFFFFF
WCAG 8.25:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
CSS
:root {
--deep-sea-diver: #175759;
--deep-sea-diver-rgb: 23 87 89;
--deep-sea-diver-oklch: oklch(0.419 0.062 198.1);
}
.element {
color: var(--deep-sea-diver);
background-color: hsl(182 59% 22%);
border-color: oklch(0.419 0.062 198.1);
}Tailwind CSS v4
@theme {
--color-deep-sea-diver: #175759;
--color-deep-sea-diver-50: #e2fbfc;
--color-deep-sea-diver-100: #d1eff0;
--color-deep-sea-diver-200: #b6dddf;
--color-deep-sea-diver-300: #92c2c4;
--color-deep-sea-diver-400: #71aaac;
--color-deep-sea-diver-500: #509395;
--color-deep-sea-diver-600: #447c7e;
--color-deep-sea-diver-700: #366465;
--color-deep-sea-diver-800: #264949;
--color-deep-sea-diver-900: #1a3333;
--color-deep-sea-diver-950: #0a1e1f;
}SCSS
$deep-sea-diver: #175759;
$deep-sea-diver-rgb: 23, 87, 89;
$deep-sea-diver-light: mix(#fff, $deep-sea-diver, 20%);
$deep-sea-diver-dark: mix(#000, $deep-sea-diver, 20%);
.element {
color: $deep-sea-diver;
box-shadow: 0 0 0 2px rgba($deep-sea-diver, 0.35);
}