Màu có tên gần nhất · #20928F
#20928F
Màu có tên gần nhất: Java
#20928F (rgb(32 146 143), hsl(178 64% 35%), oklch(0.6 0.096 192.2)) gần nhất với màu có tên Java. 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.
#20928F
oklch(0.6 0.096 192.2)
Chuyển đổi màu
- HEX
- #20928f
- RGB
- rgb(32 146 143)
- HSL
- hsl(178 64% 35%)
- HWB
- hwb(178 13% 43%)
- OKLCH
- oklch(0.6 0.096 192.2)
- OKLab
- oklab(0.6 -0.093 -0.02)
- CIE Lab
- lab(54.65 -31.91 -7.74)
- LCH
- lch(54.65 32.83 193.6)
- CMYK
- cmyk(78% 0% 2% 43%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 429D9A
- 5BA8A4
- 71B2AF
- 86BDBA
- 9BC8C6
- AFD3D1
- C3DEDC
- D7E9E8
- EBF4F3
Sắc đậm
- 1A7E7C
- 156B69
- 0F5857
- 0A4645
- 063534
- 032524
- 011615
- 000807
- 000101
Sắc xám
- 33908E
- 418F8C
- 4C8D8B
- 568B89
- 5E8A88
- 668886
- 6D8685
- 748483
- 7A8282
Hòa sắc
Bổ túc +180°
- 20928F
Java
- B16771
≈ Mauvewood
Tương đồng -30° +30°
- 20928F
Java
- 43926F
≈ Illuminati Green
- 2E8DA9
≈ Carol
Bộ ba +120° +240°
- 20928F
Java
- 946FAA
≈ Crown Jewels
- A3763A
≈ Gallant Gold
Bổ túc chia +150° +210°
- 20928F
Java
- A76990
≈ Mauve Memento
- B06C51
≈ Santa Fe
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.77:1 · APCA Lc 65
Ag
AATrên nền đen
WCAG 5.56:1 · APCA Lc 37
Màu chữ tốt nhất: #000000
WCAG 5.56:1 (AA) · APCA Lc 37
Contrast pairs
Đoạn mã
CSS
:root {
--java: #20928f;
--java-rgb: 32 146 143;
--java-oklch: oklch(0.6 0.096 192.2);
}
.element {
color: var(--java);
background-color: hsl(178 64% 35%);
border-color: oklch(0.6 0.096 192.2);
}Tailwind CSS v4
@theme {
--color-java: #20928f;
--color-java-50: #d7fefd;
--color-java-100: #c4f3f1;
--color-java-200: #a4e2e0;
--color-java-300: #7ac7c6;
--color-java-400: #50b0ad;
--color-java-500: #089a97;
--color-java-600: #12827f;
--color-java-700: #106866;
--color-java-800: #094d4a;
--color-java-900: #063533;
--color-java-950: #00201f;
}SCSS
$java: #20928f;
$java-rgb: 32, 146, 143;
$java-light: mix(#fff, $java, 20%);
$java-dark: mix(#000, $java, 20%);
.element {
color: $java;
box-shadow: 0 0 0 2px rgba($java, 0.35);
}