Màu có tên gần nhất · #82BFFA
#82BFFA
Màu có tên gần nhất: Cooler Than Ever
#82BFFA (rgb(130 191 250), hsl(210 92% 75%), oklch(0.786 0.106 248.5)) gần nhất với màu có tên Cooler Than Ever. 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.
#82BFFA
oklch(0.786 0.106 248.5)
Chuyển đổi màu
- HEX
- #82bffa
- RGB
- rgb(130 191 250)
- HSL
- hsl(210 92% 75%)
- HWB
- hwb(210 51% 2%)
- OKLCH
- oklch(0.786 0.106 248.5)
- OKLab
- oklab(0.786 -0.039 -0.098)
- CIE Lab
- lab(74.9 -8.38 -35.84)
- LCH
- lch(74.9 36.81 256.8)
- CMYK
- cmyk(48% 24% 0% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8FC6FB
- 9CCCFC
- A8D3FD
- B5D9FD
- C1DFFE
- CEE6FE
- DAECFF
- E6F2FF
- F3F9FF
Sắc đậm
- 70A6D9
- 5F8DBA
- 4E759B
- 3E5E7D
- 2F4861
- 203346
- 121F2D
- 060D15
- 010203
Sắc xám
- 83B9ED
- 83B2E1
- 83ACD5
- 83A6C8
- 83A0BC
- 8399B0
- 8293A4
- 828D98
- 81868C
Hòa sắc
Bổ túc +180°
- 82BFFA
Cooler Than Ever
- E6AD6C
≈ Gilt Trip
Tương đồng -30° +30°
- 82BFFA
Cooler Than Ever
- 5FC9E7
≈ Candid Blue
- AAB2FC
≈ Winterspring Lilac
Bộ ba +120° +240°
- 82BFFA
Cooler Than Ever
- F49CAC
≈ Sweet 60
- A5C77D
≈ Opaline Green
Bổ túc chia +150° +210°
- 82BFFA
Cooler Than Ever
- F4A187
≈ Peach Mimosa
- CABA68
≈ Secret Safari
Bộ bốn +90° +180° +270°
- 82BFFA
Cooler Than Ever
- E69FD0
≈ Exotic Violet
- E6AD6C
≈ Gilt Trip
- 7BCEA0
≈ Crystal Gem
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.94:1 · APCA Lc 37
Ag
AAATrên nền đen
WCAG 10.78:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.78:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
CSS
:root {
--cooler-than-ever: #82bffa;
--cooler-than-ever-rgb: 130 191 250;
--cooler-than-ever-oklch: oklch(0.786 0.106 248.5);
}
.element {
color: var(--cooler-than-ever);
background-color: hsl(210 92% 75%);
border-color: oklch(0.786 0.106 248.5);
}Tailwind CSS v4
@theme {
--color-cooler-than-ever: #82bffa;
--color-cooler-than-ever-50: #dff8ff;
--color-cooler-than-ever-100: #ceebff;
--color-cooler-than-ever-200: #b3d8ff;
--color-cooler-than-ever-300: #8fbcec;
--color-cooler-than-ever-400: #6ba4da;
--color-cooler-than-ever-500: #488bc9;
--color-cooler-than-ever-600: #3e76a9;
--color-cooler-than-ever-700: #315e88;
--color-cooler-than-ever-800: #204565;
--color-cooler-than-ever-900: #153047;
--color-cooler-than-ever-950: #071c2e;
}SCSS
$cooler-than-ever: #82bffa;
$cooler-than-ever-rgb: 130, 191, 250;
$cooler-than-ever-light: mix(#fff, $cooler-than-ever, 20%);
$cooler-than-ever-dark: mix(#000, $cooler-than-ever, 20%);
.element {
color: $cooler-than-ever;
box-shadow: 0 0 0 2px rgba($cooler-than-ever, 0.35);
}