Màu có tên gần nhất · #89BED9
#89BED9
Màu có tên gần nhất: Juvie
#89BED9 (rgb(137 190 217), hsl(200 51% 69%), oklch(0.774 0.067 230.8)) 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.
#89BED9
oklch(0.774 0.067 230.8)
Chuyển đổi màu
- HEX
- #89bed9
- RGB
- rgb(137 190 217)
- HSL
- hsl(200 51% 69%)
- HWB
- hwb(200 54% 15%)
- OKLCH
- oklch(0.774 0.067 230.8)
- OKLab
- oklab(0.774 -0.043 -0.052)
- CIE Lab
- lab(73.99 -12.92 -19.45)
- LCH
- lch(73.99 23.35 236.4)
- CMYK
- cmyk(37% 12% 0% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 95C4DD
- A1CBE1
- ADD1E5
- B9D8E8
- C4DEEC
- D0E5F0
- DCEBF4
- E7F2F8
- F3F8FB
Sắc đậm
- 76A5BC
- 648CA1
- 537586
- 425E6C
- 314853
- 22333B
- 141F25
- 070D11
- 010202
Sắc xám
- 89B8D0
- 88B1C7
- 88ABBE
- 87A5B5
- 869FAC
- 8599A3
- 84929A
- 838C91
- 818689
Hòa sắc
Bổ túc +180°
- 89BED9
Juvie
- D9AA8F
≈ Salmon Sand
Tương đồng -30° +30°
- 89BED9
Juvie
- 81C3C7
≈ Big Sky Country
- 9DB7E1
≈ Honest
Bộ ba +120° +240°
- 89BED9
Juvie
- D8A4BB
≈ Rhubarb Gin
- B7BA88
≈ Aloe Plant
Bổ túc chia +150° +210°
- 89BED9
Juvie
- DEA5A3
≈ Pastel Pink
- CCB284
≈ Oak Harbour
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.01:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.43:1 · APCA Lc 63
Màu chữ tốt nhất: #000000
WCAG 10.43:1 (AAA) · APCA Lc 63
Contrast pairs
Đoạn mã
CSS
:root {
--juvie: #89bed9;
--juvie-rgb: 137 190 217;
--juvie-oklch: oklch(0.774 0.067 230.8);
}
.element {
color: var(--juvie);
background-color: hsl(200 51% 69%);
border-color: oklch(0.774 0.067 230.8);
}Tailwind CSS v4
@theme {
--color-juvie: #89bed9;
--color-juvie-50: #e3f9ff;
--color-juvie-100: #d3ecfb;
--color-juvie-200: #b9daed;
--color-juvie-300: #96bed5;
--color-juvie-400: #75a6bf;
--color-juvie-500: #558fab;
--color-juvie-600: #487990;
--color-juvie-700: #3a6174;
--color-juvie-800: #284755;
--color-juvie-900: #1b313b;
--color-juvie-950: #0b1d25;
}SCSS
$juvie: #89bed9;
$juvie-rgb: 137, 190, 217;
$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);
}