En yakın adlandırılmış renk · #B14481
#B14481
En yakın adlandırılmış renk: Our Little Secret
#B14481 (rgb(177 68 129), hsl(326 44% 48%), oklch(0.553 0.156 348.8)) en çok Our Little Secret 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.
#B14481
oklch(0.553 0.156 348.8)
Renk dönüşümleri
- HEX
- #b14481
- RGB
- rgb(177 68 129)
- HSL
- hsl(326 44% 48%)
- HWB
- hwb(326 27% 31%)
- OKLCH
- oklch(0.553 0.156 348.8)
- OKLab
- oklab(0.553 0.153 -0.03)
- CIE Lab
- lab(45.98 49.68 -10.91)
- LCH
- lch(45.98 50.86 347.6)
- CMYK
- cmyk(0% 62% 27% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BB588D
- C46B99
- CD7EA5
- D590B2
- DDA2BE
- E5B5CB
- ECC7D8
- F3D9E5
- F9ECF2
Koyu tonlar
- 993A6F
- 83305E
- 6C264E
- 571D3E
- 42142E
- 2F0C1F
- 1C0512
- 0C0206
- 010001
Gri tonlar
- AD4C81
- A95381
- A55A81
- A16081
- 9C6681
- 976C81
- 927180
- 8C7680
- 867B80
Renk uyumları
Tamamlayıcı +180°
- B14481
Our Little Secret
- 008767
≈ Spectral Green
Analog -30° +30°
- B14481
Our Little Secret
- 984FAC
≈ Purpureus
- BC424D
≈ Precious Peony
Üçlü +120° +240°
- B14481
Our Little Secret
- 797700
≈ Mongolian Plateau
- 007DA4
≈ Bleu Ciel
Bölünmüş tamamlayıcı +150° +210°
- B14481
Our Little Secret
- 3B871E
≈ Fruitless Fig Tree
- 008387
≈ Precious Blue
Dörtlü +90° +180° +270°
- B14481
Our Little Secret
- 966900
≈ Gamboge Brown
- 008767
≈ Spectral Green
- 3370CC
≈ Bright Navy Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.23:1 · APCA Lc 75
Ag
FailSiyah üzerinde
WCAG 4.01:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--our-little-secret: #b14481;
--our-little-secret-rgb: 177 68 129;
--our-little-secret-oklch: oklch(0.553 0.156 348.8);
}
.element {
color: var(--our-little-secret);
background-color: hsl(326 44% 48%);
border-color: oklch(0.553 0.156 348.8);
}Tailwind CSS v4
@theme {
--color-our-little-secret: #b14481;
--color-our-little-secret-50: #ffe4fb;
--color-our-little-secret-100: #ffd3ee;
--color-our-little-secret-200: #ffb9dd;
--color-our-little-secret-300: #f495c1;
--color-our-little-secret-400: #e074ad;
--color-our-little-secret-500: #cd5297;
--color-our-little-secret-600: #ad477f;
--color-our-little-secret-700: #8b3866;
--color-our-little-secret-800: #67284d;
--color-our-little-secret-900: #481b35;
--color-our-little-secret-950: #2f0b21;
}SCSS
$our-little-secret: #b14481;
$our-little-secret-rgb: 177, 68, 129;
$our-little-secret-light: mix(#fff, $our-little-secret, 20%);
$our-little-secret-dark: mix(#000, $our-little-secret, 20%);
.element {
color: $our-little-secret;
box-shadow: 0 0 0 2px rgba($our-little-secret, 0.35);
}