Adlandırılmış renk · #E7B6BC
Roseate Hues
Roseate Hues, #E7B6BC: rgb(231 182 188), hsl(353 51% 81%), oklch(0.822 0.057 10.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Roseate Hues color name →
#E7B6BC
oklch(0.822 0.057 10.2)
Renk dönüşümleri
- HEX
- #e7b6bc
- RGB
- rgb(231 182 188)
- HSL
- hsl(353 51% 81%)
- HWB
- hwb(353 71% 9%)
- OKLCH
- oklch(0.822 0.057 10.2)
- OKLab
- oklab(0.822 0.056 0.01)
- CIE Lab
- lab(78.67 18.92 4.09)
- LCH
- lch(78.67 19.36 12.2)
- CMYK
- cmyk(0% 21% 19% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EABDC3
- ECC4C9
- EFCCD0
- F1D3D6
- F4DADD
- F6E2E4
- F9E9EB
- FBF0F1
- FDF8F8
Koyu tonlar
- C99EA3
- AB868B
- 8F6F73
- 73595D
- 594447
- 403032
- 281D1F
- 130C0D
- 030202
Gri tonlar
- DCB1B6
- D2ABB0
- C7A6AA
- BDA0A4
- B39B9D
- A99598
- 9E9092
- 948B8C
- 8A8586
Renk uyumları
Tamamlayıcı +180°
- E7B6BC
Roseate Hues
- 9AD1CD
≈ Summer Soft Blue
Analog -30° +30°
- E7B6BC
Roseate Hues
- DFB7D0
≈ Blissfully Mine
- E6B9A9
≈ Tofino
Üçlü +120° +240°
- E7B6BC
Roseate Hues
- B8CDA6
≈ Pixie Green
- A9C8E9
≈ Island Light
Bölünmüş tamamlayıcı +150° +210°
- E7B6BC
Roseate Hues
- A5D1B8
≈ Feather Green
- 9CCEDF
≈ Intercoastal
Dörtlü +90° +180° +270°
- E7B6BC
Roseate Hues
- CDC69C
≈ Archisa
- 9AD1CD
≈ Summer Soft Blue
- BDC1EA
≈ Vodka
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.77:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.81:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.81:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--roseate-hues: #e7b6bc;
--roseate-hues-rgb: 231 182 188;
--roseate-hues-oklch: oklch(0.822 0.057 10.2);
}
.element {
color: var(--roseate-hues);
background-color: hsl(353 51% 81%);
border-color: oklch(0.822 0.057 10.2);
}Tailwind CSS v4
@theme {
--color-roseate-hues: #e7b6bc;
--color-roseate-hues-50: #ffeff1;
--color-roseate-hues-100: #fae1e3;
--color-roseate-hues-200: #eccbce;
--color-roseate-hues-300: #d3acaf;
--color-roseate-hues-400: #bd9196;
--color-roseate-hues-500: #a8777d;
--color-roseate-hues-600: #8e656a;
--color-roseate-hues-700: #725055;
--color-roseate-hues-800: #543a3e;
--color-roseate-hues-900: #3b282b;
--color-roseate-hues-950: #251618;
}SCSS
$roseate-hues: #e7b6bc;
$roseate-hues-rgb: 231, 182, 188;
$roseate-hues-light: mix(#fff, $roseate-hues, 20%);
$roseate-hues-dark: mix(#000, $roseate-hues, 20%);
.element {
color: $roseate-hues;
box-shadow: 0 0 0 2px rgba($roseate-hues, 0.35);
}