En yakın adlandırılmış renk · #CB6079
#CB6079
En yakın adlandırılmış renk: Peppermint Swirl
#CB6079 (rgb(203 96 121), hsl(346 51% 59%), oklch(0.625 0.138 7.2)) en çok Peppermint Swirl adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#CB6079
oklch(0.625 0.138 7.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D27086
- D88192
- DF909F
- E4A0AC
- EAB0BA
- EFC0C7
- F3CFD5
- F8DFE3
- FCEFF1
Koyu tonlar
- B05268
- 964558
- 7D3848
- 652C39
- 4D202B
- 37151D
- 220A10
- 0F0305
- 020001
Gri tonlar
- C4647A
- BE687A
- B76C7B
- B0707C
- A8737D
- A1767D
- 99797E
- 917B7F
- 897E7F
Renk uyumları
Tamamlayıcı +180°
- CB6079
Peppermint Swirl
- 009C93
≈ Caribbean Turquoise
Analog -30° +30°
- CB6079
Peppermint Swirl
- BB64A5
≈ Young Purple
- CC6648
≈ Enshūcha Red
Üçlü +120° +240°
- CB6079
Peppermint Swirl
- 71962F
≈ Hidden Valley
- 348DD6
≈ Magical Merlin
Bölünmüş tamamlayıcı +150° +210°
- CB6079
Peppermint Swirl
- 23A065
≈ Biel-Tan Green
- 0097B4
≈ Bondi Blue
Dörtlü +90° +180° +270°
- CB6079
Peppermint Swirl
- 9E8700
≈ Captain Kirk
- 009C93
≈ Caribbean Turquoise
- 747ED9
≈ Tanzine
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.82:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.48:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.48:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
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);
}