Nazwany kolor · #FF90A2
Charming Cherry
Charming Cherry to #FF90A2: rgb(255 144 162), hsl(350 100% 78%), oklch(0.776 0.135 10.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Charming Cherry color name →
#FF90A2
oklch(0.776 0.135 10.3)
Konwersje koloru
- HEX
- #ff90a2
- RGB
- rgb(255 144 162)
- HSL
- hsl(350 100% 78%)
- HWB
- hwb(350 56% 0%)
- OKLCH
- oklch(0.776 0.135 10.3)
- OKLab
- oklab(0.776 0.132 0.024)
- CIE Lab
- lab(72.52 44.17 10.03)
- LCH
- lch(72.52 45.3 12.8)
- CMYK
- cmyk(0% 44% 36% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF9CAB
- FFA7B4
- FFB2BD
- FFBDC6
- FFC8D0
- FFD3D9
- FFDEE2
- FFE9EC
- FFF4F5
Odcienie ciemniejsze
- DE7D8C
- BE6A77
- 9E5763
- 80454F
- 63343C
- 48242A
- 2E1519
- 16070A
- 030101
Tony
- F28F9F
- E68E9B
- D98D98
- CD8B94
- C08A91
- B4888E
- A7868A
- 9A8487
- 8D8283
Harmonie kolorów
Komplementarna +180°
- FF90A2
Charming Cherry
- 00D1CA
≈ Blue Martina
Analogowa -30° +30°
- FF90A2
Charming Cherry
- EF93D1
≈ Bubblegum Kisses
- FE9772
≈ Hibiscus Delight
Triada +120° +240°
- FF90A2
Charming Cherry
- 99C768
≈ Apple Orchard
- 7ABBFF
≈ Cooler Than Ever
Komplementarna rozszczepiona +150° +210°
- FF90A2
Charming Cherry
- 5AD099
≈ Vegetation
- 28C9F2
≈ Picnic Day Sky
Tetrada +90° +180° +270°
- FF90A2
Charming Cherry
- CAB845
≈ Warm Olive
- 00D1CA
≈ Blue Martina
- A8AEFF
≈ Shy Moment
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.15:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.76:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--charming-cherry: #ff90a2;
--charming-cherry-rgb: 255 144 162;
--charming-cherry-oklch: oklch(0.776 0.135 10.3);
}
.element {
color: var(--charming-cherry);
background-color: hsl(350 100% 78%);
border-color: oklch(0.776 0.135 10.3);
}Tailwind CSS v4
@theme {
--color-charming-cherry: #ff90a2;
--color-charming-cherry-50: #ffe6eb;
--color-charming-cherry-100: #ffd6dc;
--color-charming-cherry-200: #ffbdc5;
--color-charming-cherry-300: #f49aa5;
--color-charming-cherry-400: #e17b8c;
--color-charming-cherry-500: #ce5a71;
--color-charming-cherry-600: #ae4d60;
--color-charming-cherry-700: #8c3d4c;
--color-charming-cherry-800: #682c39;
--color-charming-cherry-900: #491d27;
--color-charming-cherry-950: #300d15;
}SCSS
$charming-cherry: #ff90a2;
$charming-cherry-rgb: 255, 144, 162;
$charming-cherry-light: mix(#fff, $charming-cherry, 20%);
$charming-cherry-dark: mix(#000, $charming-cherry, 20%);
.element {
color: $charming-cherry;
box-shadow: 0 0 0 2px rgba($charming-cherry, 0.35);
}