Màu có tên gần nhất · #67B1B6
#67B1B6
Màu có tên gần nhất: Thalassa
#67B1B6 (rgb(103 177 182), hsl(184 35% 56%), oklch(0.714 0.074 201.2)) gần nhất với màu có tên Thalassa. 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.
#67B1B6
oklch(0.714 0.074 201.2)
Chuyển đổi màu
- HEX
- #67b1b6
- RGB
- rgb(103 177 182)
- HSL
- hsl(184 35% 56%)
- HWB
- hwb(184 40% 29%)
- OKLCH
- oklch(0.714 0.074 201.2)
- OKLab
- oklab(0.714 -0.069 -0.027)
- CIE Lab
- lab(67.56 -23.09 -10.2)
- LCH
- lch(67.56 25.24 203.8)
- CMYK
- cmyk(43% 3% 0% 29%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 77B9BD
- 87C0C4
- 97C8CC
- A6D0D3
- B5D8DA
- C4E0E1
- D3E7E9
- E1EFF0
- F0F7F8
Sắc đậm
- 59999E
- 4B8386
- 3D6C6F
- 305759
- 234244
- 172F30
- 0C1C1D
- 040C0C
- 000102
Sắc xám
- 6BACB0
- 6FA7AB
- 72A2A6
- 759DA0
- 77989B
- 799495
- 7B8F90
- 7D8A8B
- 7F8585
Hòa sắc
Bổ túc +180°
- 67B1B6
Thalassa
- CD918F
≈ Tongue
Tương đồng -30° +30°
- 67B1B6
Thalassa
- 71B29D
≈ Dusty Jade Green
- 72ACC9
≈ Moonstone Blue
Bộ ba +120° +240°
- 67B1B6
Thalassa
- B994BF
≈ Sheer Lilac
- BB9E6D
≈ Buffalo Hide
Bổ túc chia +150° +210°
- 67B1B6
Thalassa
- C890A8
≈ Bonny Belle
- C99678
≈ Chinook Salmon
Bộ bốn +90° +180° +270°
- 67B1B6
Thalassa
- A39BCE
≈ Wistful
- CD918F
≈ Tongue
- A4A871
≈ Nurturing
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.45:1 · APCA Lc 48
Ag
AAATrên nền đen
WCAG 8.54:1 · APCA Lc 54
Màu chữ tốt nhất: #000000
WCAG 8.54:1 (AAA) · APCA Lc 54
Contrast pairs
Đoạn mã
CSS
:root {
--thalassa: #67b1b6;
--thalassa-rgb: 103 177 182;
--thalassa-oklch: oklch(0.714 0.074 201.2);
}
.element {
color: var(--thalassa);
background-color: hsl(184 35% 56%);
border-color: oklch(0.714 0.074 201.2);
}Tailwind CSS v4
@theme {
--color-thalassa: #67b1b6;
--color-thalassa-50: #defcff;
--color-thalassa-100: #ccf0f3;
--color-thalassa-200: #b0dee2;
--color-thalassa-300: #8ac3c8;
--color-thalassa-400: #66acb1;
--color-thalassa-500: #40959b;
--color-thalassa-600: #377e83;
--color-thalassa-700: #2c6569;
--color-thalassa-800: #1e4a4c;
--color-thalassa-900: #143335;
--color-thalassa-950: #051f20;
}SCSS
$thalassa: #67b1b6;
$thalassa-rgb: 103, 177, 182;
$thalassa-light: mix(#fff, $thalassa, 20%);
$thalassa-dark: mix(#000, $thalassa, 20%);
.element {
color: $thalassa;
box-shadow: 0 0 0 2px rgba($thalassa, 0.35);
}