Màu có tên gần nhất · #DF9AB0
#DF9AB0
Màu có tên gần nhất: Passion Potion
#DF9AB0 (rgb(223 154 176), hsl(341 52% 74%), oklch(0.76 0.087 358.6)) gần nhất với màu có tên Passion Potion. 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.
#DF9AB0
oklch(0.76 0.087 358.6)
Chuyển đổi màu
- HEX
- #df9ab0
- RGB
- rgb(223 154 176)
- HSL
- hsl(341 52% 74%)
- HWB
- hwb(341 60% 13%)
- OKLCH
- oklch(0.76 0.087 358.6)
- OKLab
- oklab(0.76 0.087 -0.002)
- CIE Lab
- lab(71.02 28.83 -0.48)
- LCH
- lch(71.02 28.83 359)
- CMYK
- cmyk(0% 31% 21% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E3A4B8
- E7AEBF
- EAB8C7
- EEC2CF
- F1CCD7
- F4D6DF
- F7E0E7
- FAEBEF
- FCF5F7
Sắc đậm
- C28599
- A57182
- 8A5E6C
- 6F4B56
- 563942
- 3D272E
- 27171C
- 12090B
- 020101
Sắc xám
- D698AB
- CC95A6
- C393A1
- B9909C
- B08E98
- A68B93
- 9D888E
- 938689
- 8A8385
Hòa sắc
Bổ túc +180°
- DF9AB0
Passion Potion
- 6FC3B2
≈ Miami Teal
Tương đồng -30° +30°
- DF9AB0
Passion Potion
- D09DCD
≈ Girl Power
- E39C92
≈ Coral Almond
Bộ ba +120° +240°
- DF9AB0
Passion Potion
- ABB979
≈ Green Curry
- 7CB9E2
≈ 21st Century Blue
Bổ túc chia +150° +210°
- DF9AB0
Passion Potion
- 8AC193
≈ Country Weekend
- 69C1CE
≈ Arctic Ocean
Bộ bốn +90° +180° +270°
- DF9AB0
Passion Potion
- C7AE6F
≈ Dried Moss
- 6FC3B2
≈ Miami Teal
- 9AAFE9
≈ Wondrous Wisteria
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.23:1 · APCA Lc 44
Ag
AAATrên nền đen
WCAG 9.38:1 · APCA Lc 58
Màu chữ tốt nhất: #000000
WCAG 9.38:1 (AAA) · APCA Lc 58
Contrast pairs
Đoạn mã
CSS
:root {
--passion-potion: #df9ab0;
--passion-potion-rgb: 223 154 176;
--passion-potion-oklch: oklch(0.76 0.087 358.6);
}
.element {
color: var(--passion-potion);
background-color: hsl(341 52% 74%);
border-color: oklch(0.76 0.087 358.6);
}Tailwind CSS v4
@theme {
--color-passion-potion: #df9ab0;
--color-passion-potion-50: #ffebf4;
--color-passion-potion-100: #ffdce6;
--color-passion-potion-200: #f5c5d2;
--color-passion-potion-300: #dea5b5;
--color-passion-potion-400: #c9899e;
--color-passion-potion-500: #b56d85;
--color-passion-potion-600: #995d71;
--color-passion-potion-700: #7b4a5a;
--color-passion-potion-800: #5a3543;
--color-passion-potion-900: #3f242e;
--color-passion-potion-950: #28131b;
}SCSS
$passion-potion: #df9ab0;
$passion-potion-rgb: 223, 154, 176;
$passion-potion-light: mix(#fff, $passion-potion, 20%);
$passion-potion-dark: mix(#000, $passion-potion, 20%);
.element {
color: $passion-potion;
box-shadow: 0 0 0 2px rgba($passion-potion, 0.35);
}