Màu có tên gần nhất · #88BBCE
#88BBCE
Màu có tên gần nhất: Juvie
#88BBCE (rgb(136 187 206), hsl(196 42% 67%), oklch(0.763 0.06 223)) gần nhất với màu có tên Juvie. 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.
#88BBCE
oklch(0.763 0.06 223)
Chuyển đổi màu
- HEX
- #88bbce
- RGB
- rgb(136 187 206)
- HSL
- hsl(196 42% 67%)
- HWB
- hwb(196 53% 19%)
- OKLCH
- oklch(0.763 0.06 223)
- OKLab
- oklab(0.763 -0.044 -0.041)
- CIE Lab
- lab(72.79 -13.88 -15.3)
- LCH
- lch(72.79 20.66 227.8)
- CMYK
- cmyk(34% 9% 0% 19%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 94C2D3
- A0C8D8
- ACCFDD
- B8D6E2
- C4DDE7
- CFE4EB
- DBEAF0
- E7F1F5
- F3F8FA
Sắc đậm
- 75A2B3
- 638A98
- 52737F
- 415C66
- 31464E
- 223238
- 131F23
- 060D0F
- 010202
Sắc xám
- 88B5C6
- 87AFBE
- 87A9B6
- 86A3AE
- 859DA6
- 85979F
- 849197
- 828C8F
- 818688
Hòa sắc
Bổ túc +180°
- 88BBCE
Juvie
- D4A694
≈ Tiffany Rose
Tương đồng -30° +30°
- 88BBCE
Juvie
- 85BFBC
≈ Riverbed
- 97B5D8
≈ Echo Isles Water
Bộ ba +120° +240°
- 88BBCE
Juvie
- CEA3BC
≈ Safflower Wisteria
- B9B488
≈ Ryegrass
Bổ túc chia +150° +210°
- 88BBCE
Juvie
- D5A3A7
≈ Rosetti Pink
- CAAD88
≈ Dromedary Camel
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.09:1 · APCA Lc 41
Ag
AAATrên nền đen
WCAG 10.04:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 10.04:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
CSS
:root {
--juvie: #88bbce;
--juvie-rgb: 136 187 206;
--juvie-oklch: oklch(0.763 0.06 223);
}
.element {
color: var(--juvie);
background-color: hsl(196 42% 67%);
border-color: oklch(0.763 0.06 223);
}Tailwind CSS v4
@theme {
--color-juvie: #88bbce;
--color-juvie-50: #e4f9ff;
--color-juvie-100: #d4edf7;
--color-juvie-200: #badae8;
--color-juvie-300: #97bfcf;
--color-juvie-400: #77a7b8;
--color-juvie-500: #588fa3;
--color-juvie-600: #4b798a;
--color-juvie-700: #3c616f;
--color-juvie-800: #2a4751;
--color-juvie-900: #1c3138;
--color-juvie-950: #0c1d23;
}SCSS
$juvie: #88bbce;
$juvie-rgb: 136, 187, 206;
$juvie-light: mix(#fff, $juvie, 20%);
$juvie-dark: mix(#000, $juvie, 20%);
.element {
color: $juvie;
box-shadow: 0 0 0 2px rgba($juvie, 0.35);
}