Màu có tên · #7FFFD4
Hiroshima Aquamarine
Hiroshima Aquamarine là #7FFFD4: rgb(127 255 212), hsl(160 100% 75%), oklch(0.915 0.13 169). 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? → · Hiroshima Aquamarine color name →
#7FFFD4
oklch(0.915 0.13 169)
Chuyển đổi màu
- HEX
- #7fffd4
- RGB
- rgb(127 255 212)
- HSL
- hsl(160 100% 75%)
- HWB
- hwb(160 50% 0%)
- OKLCH
- oklch(0.915 0.13 169)
- OKLab
- oklab(0.915 -0.128 0.025)
- CIE Lab
- lab(91.86 -44.85 9.15)
- LCH
- lch(91.86 45.77 168.5)
- CMYK
- cmyk(50% 0% 17% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 90FFD8
- 9FFFDD
- ADFFE1
- BAFFE5
- C7FFE9
- D3FFEE
- DEFFF2
- E9FFF6
- F4FFFB
Sắc đậm
- 6EDEB8
- 5DBE9D
- 4C9E83
- 3C8069
- 2D6351
- 1F483A
- 112E24
- 061610
- 010302
Sắc xám
- 82F2CB
- 84E5C3
- 86D8BA
- 87CBB2
- 87BEA9
- 87B1A1
- 86A598
- 849990
- 828C88
Hòa sắc
Bổ túc +180°
- 7FFFD4
Hiroshima Aquamarine
- FFD5E8
≈ Pink Currant
Tương đồng -30° +30°
- 7FFFD4
Hiroshima Aquamarine
- B6F8A3
≈ Reindeer Moss
- 7DFAFF
≈ Electric Blue
Bộ ba +120° +240°
- 7FFFD4
Hiroshima Aquamarine
- E1DFFF
≈ Stoic White
- FFDAC7
≈ Camisole
Bổ túc chia +150° +210°
- 7FFFD4
Hiroshima Aquamarine
- F6D6FF
≈ Pink Diamond
- FFD8D7
≈ Forgotten Pink
Bộ bốn +90° +180° +270°
- 7FFFD4
Hiroshima Aquamarine
- D3E4FF
≈ Veiling Waterfalls
- FFD5E8
≈ Pink Currant
- FFDEA9
≈ Horseradish Yellow
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.22:1 · APCA Lc 11
Ag
AAATrên nền đen
WCAG 17.15:1 · APCA Lc 93
Màu chữ tốt nhất: #000000
WCAG 17.15:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--hiroshima-aquamarine: #7fffd4;
--hiroshima-aquamarine-rgb: 127 255 212;
--hiroshima-aquamarine-oklch: oklch(0.915 0.13 169);
}
.element {
color: var(--hiroshima-aquamarine);
background-color: hsl(160 100% 75%);
border-color: oklch(0.915 0.13 169);
}Tailwind CSS v4
@theme {
--color-hiroshima-aquamarine: #7fffd4;
--color-hiroshima-aquamarine-50: #d1fff0;
--color-hiroshima-aquamarine-100: #bdf7e2;
--color-hiroshima-aquamarine-200: #9ae7cd;
--color-hiroshima-aquamarine-300: #6acdae;
--color-hiroshima-aquamarine-400: #37b791;
--color-hiroshima-aquamarine-500: #00a177;
--color-hiroshima-aquamarine-600: #008865;
--color-hiroshima-aquamarine-700: #006d51;
--color-hiroshima-aquamarine-800: #005039;
--color-hiroshima-aquamarine-900: #003827;
--color-hiroshima-aquamarine-950: #002215;
}SCSS
$hiroshima-aquamarine: #7fffd4;
$hiroshima-aquamarine-rgb: 127, 255, 212;
$hiroshima-aquamarine-light: mix(#fff, $hiroshima-aquamarine, 20%);
$hiroshima-aquamarine-dark: mix(#000, $hiroshima-aquamarine, 20%);
.element {
color: $hiroshima-aquamarine;
box-shadow: 0 0 0 2px rgba($hiroshima-aquamarine, 0.35);
}