Màu có tên gần nhất · #CB6079
#CB6079
Màu có tên gần nhất: Peppermint Swirl
#CB6079 (rgb(203 96 121), hsl(346 51% 59%), oklch(0.625 0.138 7.2)) gần nhất với màu có tên Peppermint Swirl. 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.
#CB6079
oklch(0.625 0.138 7.2)
Chuyển đổi màu
- HEX
- #cb6079
- RGB
- rgb(203 96 121)
- HSL
- hsl(346 51% 59%)
- HWB
- hwb(346 38% 20%)
- OKLCH
- oklch(0.625 0.138 7.2)
- OKLab
- oklab(0.625 0.137 0.017)
- CIE Lab
- lab(54.9 45.13 7.4)
- LCH
- lch(54.9 45.73 9.3)
- CMYK
- cmyk(0% 53% 40% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D27086
- D88192
- DF909F
- E4A0AC
- EAB0BA
- EFC0C7
- F3CFD5
- F8DFE3
- FCEFF1
Sắc đậm
- B05268
- 964558
- 7D3848
- 652C39
- 4D202B
- 37151D
- 220A10
- 0F0305
- 020001
Sắc xám
- C4647A
- BE687A
- B76C7B
- B0707C
- A8737D
- A1767D
- 99797E
- 917B7F
- 897E7F
Hòa sắc
Bổ túc +180°
- CB6079
Peppermint Swirl
- 009C93
≈ Caribbean Turquoise
Tương đồng -30° +30°
- CB6079
Peppermint Swirl
- BB64A5
≈ Young Purple
- CC6648
≈ Enshūcha Red
Bộ ba +120° +240°
- CB6079
Peppermint Swirl
- 71962F
≈ Hidden Valley
- 348DD6
≈ Magical Merlin
Bổ túc chia +150° +210°
- CB6079
Peppermint Swirl
- 23A065
≈ Biel-Tan Green
- 0097B4
≈ Bondi Blue
Bộ bốn +90° +180° +270°
- CB6079
Peppermint Swirl
- 9E8700
≈ Captain Kirk
- 009C93
≈ Caribbean Turquoise
- 747ED9
≈ Tanzine
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.82:1 · APCA Lc 65
Ag
AATrên nền đen
WCAG 5.48:1 · APCA Lc 36
Màu chữ tốt nhất: #000000
WCAG 5.48:1 (AA) · APCA Lc 36
Contrast pairs
Đoạn mã
CSS
:root {
--peppermint-swirl: #cb6079;
--peppermint-swirl-rgb: 203 96 121;
--peppermint-swirl-oklch: oklch(0.625 0.138 7.2);
}
.element {
color: var(--peppermint-swirl);
background-color: hsl(346 51% 59%);
border-color: oklch(0.625 0.138 7.2);
}Tailwind CSS v4
@theme {
--color-peppermint-swirl: #cb6079;
--color-peppermint-swirl-50: #ffe6ed;
--color-peppermint-swirl-100: #ffd6de;
--color-peppermint-swirl-200: #ffbcc8;
--color-peppermint-swirl-300: #f499a8;
--color-peppermint-swirl-400: #e27990;
--color-peppermint-swirl-500: #cf5976;
--color-peppermint-swirl-600: #af4c64;
--color-peppermint-swirl-700: #8c3d50;
--color-peppermint-swirl-800: #682b3c;
--color-peppermint-swirl-900: #491d29;
--color-peppermint-swirl-950: #300d17;
}SCSS
$peppermint-swirl: #cb6079;
$peppermint-swirl-rgb: 203, 96, 121;
$peppermint-swirl-light: mix(#fff, $peppermint-swirl, 20%);
$peppermint-swirl-dark: mix(#000, $peppermint-swirl, 20%);
.element {
color: $peppermint-swirl;
box-shadow: 0 0 0 2px rgba($peppermint-swirl, 0.35);
}