Màu có tên gần nhất · #0D7C7A
#0D7C7A
Màu có tên gần nhất: Teal
#0D7C7A (rgb(13 124 122), hsl(179 81% 27%), oklch(0.531 0.088 192.8)) gần nhất với màu có tên Teal. 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.
#0D7C7A
oklch(0.531 0.088 192.8)
Chuyển đổi màu
- HEX
- #0d7c7a
- RGB
- rgb(13 124 122)
- HSL
- hsl(179 81% 27%)
- HWB
- hwb(179 5% 51%)
- OKLCH
- oklch(0.531 0.088 192.8)
- OKLab
- oklab(0.531 -0.086 -0.02)
- CIE Lab
- lab(46.6 -29.4 -7.49)
- LCH
- lch(46.6 30.34 194.3)
- CMYK
- cmyk(90% 0% 2% 51%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 358986
- 509593
- 67A2A0
- 7DAFAD
- 93BCBA
- A8C9C8
- BED7D5
- D3E4E3
- E9F1F1
Sắc đậm
- 0A6B69
- 075A59
- 054A49
- 033B3A
- 022C2B
- 011E1D
- 001110
- 000505
- 000101
Sắc xám
- 277D7B
- 367D7B
- 437E7C
- 4D7E7C
- 577F7D
- 607F7E
- 697F7E
- 71807F
- 78807F
Hòa sắc
Bổ túc +180°
- 0D7C7A
Teal
- 98565E
≈ Cuban Rhythm
Tương đồng -30° +30°
Bộ ba +120° +240°
- 0D7C7A
Teal
- 7E5D91
≈ Ghostly Purple
- 8B632C
≈ Rusty Coin
Bổ túc chia +150° +210°
- 0D7C7A
Teal
- 8F577A
≈ Queen’s Honour
- 975A41
≈ Coconut
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.02:1 · APCA Lc 74
Ag
FailTrên nền đen
WCAG 4.18:1 · APCA Lc 27
Màu chữ tốt nhất: #FFFFFF
WCAG 5.02:1 (AA) · APCA Lc 74
Contrast pairs
Đoạn mã
CSS
:root {
--teal: #0d7c7a;
--teal-rgb: 13 124 122;
--teal-oklch: oklch(0.531 0.088 192.8);
}
.element {
color: var(--teal);
background-color: hsl(179 81% 27%);
border-color: oklch(0.531 0.088 192.8);
}Tailwind CSS v4
@theme {
--color-teal: #0d7c7a;
--color-teal-50: #d9fefd;
--color-teal-100: #c7f2f1;
--color-teal-200: #a8e1e0;
--color-teal-300: #80c6c5;
--color-teal-400: #58afac;
--color-teal-500: #259896;
--color-teal-600: #23817f;
--color-teal-700: #1c6766;
--color-teal-800: #134c4a;
--color-teal-900: #0c3533;
--color-teal-950: #00201f;
}SCSS
$teal: #0d7c7a;
$teal-rgb: 13, 124, 122;
$teal-light: mix(#fff, $teal, 20%);
$teal-dark: mix(#000, $teal, 20%);
.element {
color: $teal;
box-shadow: 0 0 0 2px rgba($teal, 0.35);
}