Màu có tên gần nhất · #008DB3
#008DB3
Màu có tên gần nhất: Corfu Waters
#008DB3 (rgb(0 141 179), hsl(193 100% 35%), oklch(0.599 0.114 225.4)) gần nhất với màu có tên Corfu Waters. 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.
#008DB3
oklch(0.599 0.114 225.4)
Chuyển đổi màu
- HEX
- #008db3
- RGB
- rgb(0 141 179)
- HSL
- hsl(193 100% 35%)
- HWB
- hwb(193 0% 30%)
- OKLCH
- oklch(0.599 0.114 225.4)
- OKLab
- oklab(0.599 -0.08 -0.081)
- CIE Lab
- lab(53.84 -22.3 -29.53)
- LCH
- lch(53.84 37.01 232.9)
- CMYK
- cmyk(100% 21% 0% 30%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3698BB
- 53A4C3
- 6BAFCA
- 81BBD2
- 97C6DA
- ACD1E1
- C1DDE9
- D5E8F0
- EAF4F8
Sắc đậm
- 007A9B
- 006784
- 00556E
- 004458
- 003343
- 00232F
- 00141D
- 00070C
- 000101
Sắc xám
- 268CAE
- 388BA9
- 458AA4
- 50899F
- 5A889A
- 638695
- 6B8590
- 72838B
- 798285
Hòa sắc
Bổ túc +180°
- 008DB3
Corfu Waters
- B76842
≈ Pumpkin Drizzle
Tương đồng -30° +30°
- 008DB3
Corfu Waters
- 009293
≈ Lido Deck
- 4F82C3
≈ Sea Note
Bộ ba +120° +240°
- 008DB3
Corfu Waters
- AF628F
≈ Exotic Bloom
- 8A8323
≈ Fickle Pickle
Bổ túc chia +150° +210°
- 008DB3
Corfu Waters
- BA6169
≈ Her Velour
- A77521
≈ Hot Toddy
Bộ bốn +90° +180° +270°
- 008DB3
Corfu Waters
- 9A6AAE
≈ Crown Jewels
- B76842
≈ Pumpkin Drizzle
- 618F47
≈ Makrut Lime
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.84:1 · APCA Lc 65
Ag
AATrên nền đen
WCAG 5.46:1 · APCA Lc 36
Màu chữ tốt nhất: #000000
WCAG 5.46:1 (AA) · APCA Lc 36
Contrast pairs
Đoạn mã
CSS
:root {
--corfu-waters: #008db3;
--corfu-waters-rgb: 0 141 179;
--corfu-waters-oklch: oklch(0.599 0.114 225.4);
}
.element {
color: var(--corfu-waters);
background-color: hsl(193 100% 35%);
border-color: oklch(0.599 0.114 225.4);
}Tailwind CSS v4
@theme {
--color-corfu-waters: #008db3;
--color-corfu-waters-50: #d4fdff;
--color-corfu-waters-100: #c1f0ff;
--color-corfu-waters-200: #a0dffb;
--color-corfu-waters-300: #75c3e5;
--color-corfu-waters-400: #45acd1;
--color-corfu-waters-500: #0094bf;
--color-corfu-waters-600: #007ea1;
--color-corfu-waters-700: #006581;
--color-corfu-waters-800: #004a5f;
--color-corfu-waters-900: #003443;
--color-corfu-waters-950: #001f2b;
}SCSS
$corfu-waters: #008db3;
$corfu-waters-rgb: 0, 141, 179;
$corfu-waters-light: mix(#fff, $corfu-waters, 20%);
$corfu-waters-dark: mix(#000, $corfu-waters, 20%);
.element {
color: $corfu-waters;
box-shadow: 0 0 0 2px rgba($corfu-waters, 0.35);
}