Màu có tên · #C6F0E7
Angel of Death Victorious
Angel of Death Victorious là #C6F0E7: rgb(198 240 231), hsl(167 58% 86%), oklch(0.923 0.045 180.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? → · Angel of Death Victorious color name →
#C6F0E7
oklch(0.923 0.045 180.8)
Chuyển đổi màu
- HEX
- #c6f0e7
- RGB
- rgb(198 240 231)
- HSL
- hsl(167 58% 86%)
- HWB
- hwb(167 78% 6%)
- OKLCH
- oklch(0.923 0.045 180.8)
- OKLab
- oklab(0.923 -0.045 -0.001)
- CIE Lab
- lab(91.63 -15.37 -0.38)
- LCH
- lch(91.63 15.37 181.4)
- CMYK
- cmyk(17% 0% 4% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CCF2E9
- D2F3EC
- D7F5EE
- DDF6F1
- E3F8F3
- E9F9F5
- EEFBF8
- F4FCFA
- F9FEFD
Sắc đậm
- ACD1C9
- 92B2AB
- 7A958F
- 627873
- 4B5D59
- 354340
- 212A28
- 0E1413
- 020303
Sắc xám
- BFE4DC
- B8D9D2
- B1CDC7
- AAC2BC
- A3B6B2
- 9CABA8
- 95A09E
- 8E9594
- 878B8A
Hòa sắc
Bổ túc +180°
- C6F0E7
Angel of Death Victorious
- FFDBE4
≈ Pink Perfume
Tương đồng -30° +30°
- C6F0E7
Angel of Death Victorious
- D1EFD6
≈ End of the Rainbow
- C4EEF7
≈ Icy Breeze
Bộ ba +120° +240°
- C6F0E7
Angel of Death Victorious
- EADFFF
≈ Lavender Savour
- FDDFC8
≈ Peak Season
Bổ túc chia +150° +210°
- C6F0E7
Angel of Death Victorious
- F8DBF4
≈ Grape Taffy
- FFDDD6
≈ Peach Schnapps
Bộ bốn +90° +180° +270°
- C6F0E7
Angel of Death Victorious
- DCE5FF
≈ Lavender Mist
- FFDBE4
≈ Pink Perfume
- F1E5C4
≈ Paper Daisy
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.23:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 17.01:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 17.01:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--angel-of-death-victorious: #c6f0e7;
--angel-of-death-victorious-rgb: 198 240 231;
--angel-of-death-victorious-oklch: oklch(0.923 0.045 180.8);
}
.element {
color: var(--angel-of-death-victorious);
background-color: hsl(167 58% 86%);
border-color: oklch(0.923 0.045 180.8);
}Tailwind CSS v4
@theme {
--color-angel-of-death-victorious: #c6f0e7;
--color-angel-of-death-victorious-50: #e8faf6;
--color-angel-of-death-victorious-100: #d8ede9;
--color-angel-of-death-victorious-200: #c0dbd6;
--color-angel-of-death-victorious-300: #9fbfb9;
--color-angel-of-death-victorious-400: #82a8a0;
--color-angel-of-death-victorious-500: #659088;
--color-angel-of-death-victorious-600: #567a73;
--color-angel-of-death-victorious-700: #44625c;
--color-angel-of-death-victorious-800: #314843;
--color-angel-of-death-victorious-900: #21322e;
--color-angel-of-death-victorious-950: #111e1b;
}SCSS
$angel-of-death-victorious: #c6f0e7;
$angel-of-death-victorious-rgb: 198, 240, 231;
$angel-of-death-victorious-light: mix(#fff, $angel-of-death-victorious, 20%);
$angel-of-death-victorious-dark: mix(#000, $angel-of-death-victorious, 20%);
.element {
color: $angel-of-death-victorious;
box-shadow: 0 0 0 2px rgba($angel-of-death-victorious, 0.35);
}