Màu có tên gần nhất · #ADE1AB
#ADE1AB
Màu có tên gần nhất: Celadon
#ADE1AB (rgb(173 225 171), hsl(118 47% 78%), oklch(0.86 0.091 143.8)) gần nhất với màu có tên Celadon. 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.
#ADE1AB
oklch(0.86 0.091 143.8)
Chuyển đổi màu
- HEX
- #ade1ab
- RGB
- rgb(173 225 171)
- HSL
- hsl(118 47% 78%)
- HWB
- hwb(118 67% 12%)
- OKLCH
- oklch(0.86 0.091 143.8)
- OKLab
- oklab(0.86 -0.074 0.054)
- CIE Lab
- lab(84.87 -25.07 20.86)
- LCH
- lch(84.87 32.62 140.2)
- CMYK
- cmyk(23% 0% 24% 12%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B5E4B3
- BEE7BC
- C6EAC4
- CEEDCD
- D6F0D5
- DFF3DD
- E7F6E6
- EFF9EE
- F7FCF7
Sắc đậm
- 96C494
- 7FA77E
- 6A8B68
- 557054
- 415640
- 2D3E2D
- 1B271B
- 0B120B
- 010201
Sắc xám
- A9D7A7
- A4CDA3
- A0C39E
- 9BB99A
- 97B096
- 92A691
- 8E9C8D
- 899389
- 858984
Hòa sắc
Bổ túc +180°
- ADE1AB
Celadon
- EFBDF3
≈ Lovecloud
Tương đồng -30° +30°
- ADE1AB
Celadon
- D0D892
≈ Vacation Island
- 8FE5CC
≈ Clean Green
Bộ ba +120° +240°
- ADE1AB
Celadon
- BAD1FF
≈ Ice Cold Stare
- FFBEB9
≈ Peach Scone
Bổ túc chia +150° +210°
- ADE1AB
Celadon
- D3C8FF
≈ Innocent Snowdrop
- FFBAD5
≈ Cotton Candy
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 1.48:1 · APCA Lc 23
Ag
AAATrên nền đen
WCAG 14.13:1 · APCA Lc 80
Màu chữ tốt nhất: #000000
WCAG 14.13:1 (AAA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--celadon: #ade1ab;
--celadon-rgb: 173 225 171;
--celadon-oklch: oklch(0.86 0.091 143.8);
}
.element {
color: var(--celadon);
background-color: hsl(118 47% 78%);
border-color: oklch(0.86 0.091 143.8);
}Tailwind CSS v4
@theme {
--color-celadon: #ade1ab;
--color-celadon-50: #e5fde6;
--color-celadon-100: #d5f1d6;
--color-celadon-200: #bcdfbd;
--color-celadon-300: #9ac49c;
--color-celadon-400: #7dad7c;
--color-celadon-500: #5f965e;
--color-celadon-600: #517f50;
--color-celadon-700: #416640;
--color-celadon-800: #304a2c;
--color-celadon-900: #20341e;
--color-celadon-950: #101f0e;
}SCSS
$celadon: #ade1ab;
$celadon-rgb: 173, 225, 171;
$celadon-light: mix(#fff, $celadon, 20%);
$celadon-dark: mix(#000, $celadon, 20%);
.element {
color: $celadon;
box-shadow: 0 0 0 2px rgba($celadon, 0.35);
}