Adlandırılmış renk · #FF9889
Mona Lisa
Mona Lisa, #FF9889: rgb(255 152 137), hsl(8 100% 77%), oklch(0.783 0.126 29.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Mona Lisa color name →
#FF9889
oklch(0.783 0.126 29.1)
Renk dönüşümleri
- HEX
- #ff9889
- RGB
- rgb(255 152 137)
- HSL
- hsl(8 100% 77%)
- HWB
- hwb(8 54% 0%)
- OKLCH
- oklch(0.783 0.126 29.1)
- OKLab
- oklab(0.783 0.111 0.061)
- CIE Lab
- lab(73.72 38.4 25.38)
- LCH
- lch(73.72 46.03 33.5)
- CMYK
- cmyk(0% 40% 46% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFA395
- FFADA0
- FFB8AC
- FFC2B8
- FFCCC3
- FFD7CF
- FFE1DB
- FFEBE7
- FFF5F3
Koyu tonlar
- DE8476
- BE7064
- 9E5C53
- 804A42
- 633831
- 482722
- 2E1714
- 160807
- 030101
Gri tonlar
- F29688
- E69488
- D99287
- CD9086
- C08D85
- B38B84
- A78883
- 9A8682
- 8D8381
Renk uyumları
Tamamlayıcı +180°
- FF9889
Mona Lisa
- 2FCEE4
≈ Picnic Day Sky
Analog -30° +30°
- FF9889
Mona Lisa
- FA95B6
≈ Schauss Pink
- F4A461
≈ Shrimp Cocktail
Üçlü +120° +240°
- FF9889
Mona Lisa
- 7BCF8B
≈ Jube Green
- 9CB5FF
≈ Truesky Gloxym
Bölünmüş tamamlayıcı +150° +210°
- FF9889
Mona Lisa
- 41D3BA
≈ Simply Aqua
- 65C3FF
≈ Maya Blue
Dörtlü +90° +180° +270°
- FF9889
Mona Lisa
- B0C462
≈ Green Glow
- 2FCEE4
≈ Picnic Day Sky
- C4A6FE
≈ Diva
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.07:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.10:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.10:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--mona-lisa: #ff9889;
--mona-lisa-rgb: 255 152 137;
--mona-lisa-oklch: oklch(0.783 0.126 29.1);
}
.element {
color: var(--mona-lisa);
background-color: hsl(8 100% 77%);
border-color: oklch(0.783 0.126 29.1);
}Tailwind CSS v4
@theme {
--color-mona-lisa: #ff9889;
--color-mona-lisa-50: #ffe9df;
--color-mona-lisa-100: #ffd9ce;
--color-mona-lisa-200: #ffc1b3;
--color-mona-lisa-300: #f19f90;
--color-mona-lisa-400: #df8072;
--color-mona-lisa-500: #cc6153;
--color-mona-lisa-600: #ad5347;
--color-mona-lisa-700: #8b4238;
--color-mona-lisa-800: #672f2a;
--color-mona-lisa-900: #49201c;
--color-mona-lisa-950: #2f0f0c;
}SCSS
$mona-lisa: #ff9889;
$mona-lisa-rgb: 255, 152, 137;
$mona-lisa-light: mix(#fff, $mona-lisa, 20%);
$mona-lisa-dark: mix(#000, $mona-lisa, 20%);
.element {
color: $mona-lisa;
box-shadow: 0 0 0 2px rgba($mona-lisa, 0.35);
}