Màu có tên gần nhất · #00BBD4
#00BBD4
Màu có tên gần nhất: Caribbean Blue
#00BBD4 (rgb(0 187 212), hsl(187 100% 42%), oklch(0.727 0.126 211.5)) 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.
#00BBD4
oklch(0.727 0.126 211.5)
Chuyển đổi màu
- HEX
- #00bbd4
- RGB
- rgb(0 187 212)
- HSL
- hsl(187 100% 42%)
- HWB
- hwb(187 0% 17%)
- OKLCH
- oklch(0.727 0.126 211.5)
- OKLab
- oklab(0.727 -0.108 -0.066)
- CIE Lab
- lab(69.19 -33.93 -24.41)
- LCH
- lch(69.19 41.8 215.7)
- CMYK
- cmyk(100% 12% 0% 17%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 41C2D8
- 5FC9DD
- 78D0E1
- 8DD7E6
- A2DEEA
- B5E5EE
- C8EBF3
- DBF2F7
- EDF8FB
Sắc đậm
- 00A2B8
- 008A9D
- 007383
- 005C69
- 004651
- 00323A
- 001F24
- 000D10
- 000202
Sắc xám
- 2FB5CB
- 42AFC3
- 50AABA
- 5BA4B2
- 649EAA
- 6B98A1
- 719299
- 778C91
- 7C8688
Hòa sắc
Bổ túc +180°
- 00BBD4
Caribbean Blue
- EB8774
≈ In for a Penny
Tương đồng -30° +30°
- 00BBD4
Caribbean Blue
- 1CC0AC
≈ Turquoise
- 54B0EF
≈ Blue Jeans
Bộ ba +120° +240°
- 00BBD4
Caribbean Blue
- D488CA
≈ Pink Punk
- C4A33A
≈ Satin Sheen Gold
Bổ túc chia +150° +210°
- 00BBD4
Caribbean Blue
- E783A1
≈ Hope
- DF934C
≈ Orange Caramel
Bộ bốn +90° +180° +270°
- 00BBD4
Caribbean Blue
- B593E9
≈ Dreamy Candy Forest
- EB8774
≈ In for a Penny
- 9AB352
≈ Clematis Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.31:1 · APCA Lc 45
Ag
AAATrên nền đen
WCAG 9.05:1 · APCA Lc 57
Màu chữ tốt nhất: #000000
WCAG 9.05:1 (AAA) · APCA Lc 57
Contrast pairs
Đoạn mã
CSS
:root {
--caribbean-blue: #00bbd4;
--caribbean-blue-rgb: 0 187 212;
--caribbean-blue-oklch: oklch(0.727 0.126 211.5);
}
.element {
color: var(--caribbean-blue);
background-color: hsl(187 100% 42%);
border-color: oklch(0.727 0.126 211.5);
}Tailwind CSS v4
@theme {
--color-caribbean-blue: #00bbd4;
--color-caribbean-blue-50: #cdffff;
--color-caribbean-blue-100: #b8f4ff;
--color-caribbean-blue-200: #93e3f5;
--color-caribbean-blue-300: #60c8de;
--color-caribbean-blue-400: #0eb2c9;
--color-caribbean-blue-500: #009bb6;
--color-caribbean-blue-600: #00839a;
--color-caribbean-blue-700: #00697b;
--color-caribbean-blue-800: #004d5a;
--color-caribbean-blue-900: #00363f;
--color-caribbean-blue-950: #002128;
}SCSS
$caribbean-blue: #00bbd4;
$caribbean-blue-rgb: 0, 187, 212;
$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);
}