Màu có tên gần nhất · #00BFD3
#00BFD3
Màu có tên gần nhất: Caribbean Blue
#00BFD3 (rgb(0 191 211), hsl(186 100% 41%), oklch(0.736 0.127 208)) gần nhất với màu có tên Caribbean Blue. 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.
#00BFD3
oklch(0.736 0.127 208)
Chuyển đổi màu
- HEX
- #00bfd3
- RGB
- rgb(0 191 211)
- HSL
- hsl(186 100% 41%)
- HWB
- hwb(186 0% 17%)
- OKLCH
- oklch(0.736 0.127 208)
- OKLab
- oklab(0.736 -0.112 -0.059)
- CIE Lab
- lab(70.38 -35.87 -22.07)
- LCH
- lch(70.38 42.12 211.6)
- CMYK
- cmyk(100% 9% 0% 17%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 42C6D8
- 60CCDC
- 79D3E1
- 8ED9E5
- A3E0E9
- B6E6EE
- C9EDF2
- DBF3F6
- EDF9FB
Sắc đậm
- 00A6B7
- 008D9C
- 007582
- 005E69
- 004851
- 00333A
- 001F24
- 000D10
- 000202
Sắc xám
- 30B9CB
- 43B3C2
- 51ACBA
- 5CA6B1
- 64A0A9
- 6C9AA1
- 729398
- 778D90
- 7C8688
Hòa sắc
Bổ túc +180°
- 00BFD3
Caribbean Blue
- EF897C
≈ In for a Penny
Tương đồng -30° +30°
- 00BFD3
Caribbean Blue
- 2CC3AA
≈ Jade Mountain
- 50B4F0
≈ Blue Jeans
Bộ ba +120° +240°
- 00BFD3
Caribbean Blue
- D48CD2
≈ Blush Essence
- CBA43D
≈ Golden Touch
Bổ túc chia +150° +210°
- 00BFD3
Caribbean Blue
- E986A9
≈ Rose Glory
- E59453
≈ Sabre-Toothed Tiger
Bộ bốn +90° +180° +270°
- 00BFD3
Caribbean Blue
- B397EF
≈ Dreamy Candy Forest
- EF897C
≈ In for a Penny
- A3B451
≈ Green Banana
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.23:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.39:1 · APCA Lc 59
Màu chữ tốt nhất: #000000
WCAG 9.39:1 (AAA) · APCA Lc 59
Contrast pairs
Đoạn mã
CSS
:root {
--caribbean-blue: #00bfd3;
--caribbean-blue-rgb: 0 191 211;
--caribbean-blue-oklch: oklch(0.736 0.127 208);
}
.element {
color: var(--caribbean-blue);
background-color: hsl(186 100% 41%);
border-color: oklch(0.736 0.127 208);
}Tailwind CSS v4
@theme {
--color-caribbean-blue: #00bfd3;
--color-caribbean-blue-50: #ccffff;
--color-caribbean-blue-100: #b7f4ff;
--color-caribbean-blue-200: #92e4f2;
--color-caribbean-blue-300: #5ec9db;
--color-caribbean-blue-400: #01b3c5;
--color-caribbean-blue-500: #009cb2;
--color-caribbean-blue-600: #008496;
--color-caribbean-blue-700: #006978;
--color-caribbean-blue-800: #004e58;
--color-caribbean-blue-900: #00363d;
--color-caribbean-blue-950: #002127;
}SCSS
$caribbean-blue: #00bfd3;
$caribbean-blue-rgb: 0, 191, 211;
$caribbean-blue-light: mix(#fff, $caribbean-blue, 20%);
$caribbean-blue-dark: mix(#000, $caribbean-blue, 20%);
.element {
color: $caribbean-blue;
box-shadow: 0 0 0 2px rgba($caribbean-blue, 0.35);
}