Màu có tên · #96E2E1
Aqua Fiesta
Aqua Fiesta là #96E2E1: rgb(150 226 225), hsl(179 57% 74%), oklch(0.863 0.075 194.8). 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.
What does Teal mean? → · Aqua Fiesta color name →
#96E2E1
oklch(0.863 0.075 194.8)
Chuyển đổi màu
- HEX
- #96e2e1
- RGB
- rgb(150 226 225)
- HSL
- hsl(179 57% 74%)
- HWB
- hwb(179 59% 11%)
- OKLCH
- oklch(0.863 0.075 194.8)
- OKLab
- oklab(0.863 -0.073 -0.019)
- CIE Lab
- lab(84.93 -24.54 -7.39)
- LCH
- lch(84.93 25.63 196.8)
- CMYK
- cmyk(34% 0% 0% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A2E5E4
- ADE8E7
- B8EBEA
- C2EEED
- CDF1F0
- D7F4F3
- E1F7F6
- EBF9F9
- F5FCFC
Sắc đậm
- 82C4C4
- 6EA8A7
- 5B8C8B
- 497170
- 375756
- 263E3E
- 162727
- 081212
- 010302
Sắc xám
- 95D8D7
- 93CECD
- 92C4C3
- 90BAB9
- 8DB0AF
- 8BA6A6
- 899D9C
- 869393
- 838989
Hòa sắc
Bổ túc +180°
- 96E2E1
Aqua Fiesta
- FFBFC3
≈ Piglet
Tương đồng -30° +30°
- 96E2E1
Aqua Fiesta
- A4E2C6
≈ Reef Green
- 9CDDF7
≈ Columbia Blue
Bộ ba +120° +240°
- 96E2E1
Aqua Fiesta
- E5C4F5
≈ Neon Boneyard
- F0CC9B
≈ Hazy Day
Bổ túc chia +150° +210°
- 96E2E1
Aqua Fiesta
- F7BFDD
≈ Flamingo Feather
- FDC3AA
≈ Gadabout
Bộ bốn +90° +180° +270°
- 96E2E1
Aqua Fiesta
- CCCCFF
≈ Lavender Blue
- FFBFC3
≈ Piglet
- D9D59C
≈ Crocodile Tears
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.47:1 · APCA Lc 22
Ag
AAATrên nền đen
WCAG 14.26:1 · APCA Lc 81
Màu chữ tốt nhất: #000000
WCAG 14.26:1 (AAA) · APCA Lc 81
Contrast pairs
Đoạn mã
CSS
:root {
--aqua-fiesta: #96e2e1;
--aqua-fiesta-rgb: 150 226 225;
--aqua-fiesta-oklch: oklch(0.863 0.075 194.8);
}
.element {
color: var(--aqua-fiesta);
background-color: hsl(179 57% 74%);
border-color: oklch(0.863 0.075 194.8);
}Tailwind CSS v4
@theme {
--color-aqua-fiesta: #96e2e1;
--color-aqua-fiesta-50: #defcfc;
--color-aqua-fiesta-100: #ccf0f0;
--color-aqua-fiesta-200: #b0dfdf;
--color-aqua-fiesta-300: #89c4c4;
--color-aqua-fiesta-400: #66adac;
--color-aqua-fiesta-500: #3f9695;
--color-aqua-fiesta-600: #377f7e;
--color-aqua-fiesta-700: #2c6565;
--color-aqua-fiesta-800: #1e4b49;
--color-aqua-fiesta-900: #143433;
--color-aqua-fiesta-950: #051f1f;
}SCSS
$aqua-fiesta: #96e2e1;
$aqua-fiesta-rgb: 150, 226, 225;
$aqua-fiesta-light: mix(#fff, $aqua-fiesta, 20%);
$aqua-fiesta-dark: mix(#000, $aqua-fiesta, 20%);
.element {
color: $aqua-fiesta;
box-shadow: 0 0 0 2px rgba($aqua-fiesta, 0.35);
}