Colore con nome · #CD739D
Camellia Pink
Camellia Pink è #CD739D: rgb(205 115 157), hsl(332 47% 63%), oklch(0.668 0.123 351.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Camellia Pink color name →
#CD739D
oklch(0.668 0.123 351.6)
Conversioni di colore
- HEX
- #cd739d
- RGB
- rgb(205 115 157)
- HSL
- hsl(332 47% 63%)
- HWB
- hwb(332 45% 20%)
- OKLCH
- oklch(0.668 0.123 351.6)
- OKLab
- oklab(0.668 0.122 -0.018)
- CIE Lab
- lab(59.81 39.95 -6.41)
- LCH
- lch(59.81 40.46 350.9)
- CMYK
- cmyk(0% 44% 23% 20%)
Tinte · Ombre · Toni
Tinte
- D381A6
- D98FB0
- DF9DBA
- E4ABC3
- E9B9CD
- EEC7D7
- F3D5E1
- F7E3EB
- FBF1F5
Ombre
- B26388
- 985473
- 7E455F
- 66364C
- 4E283A
- 381B28
- 230F18
- 0F0509
- 020101
Toni
- C6759A
- BE7797
- B77894
- B07A91
- A87B8E
- A07C8C
- 997D89
- 917E86
- 887F83
Armonie di colore
Complementare +180°
- CD739D
Camellia Pink
- 21AC8B
≈ Wells of Wonder
Analogo -30° +30°
- CD739D
Camellia Pink
- B77AC2
≈ Colombo Red Mauve
- D67473
≈ Lantana
Triadico +120° +240°
- CD739D
Camellia Pink
- 979B36
≈ Split Pea
- 2BA1D2
≈ Blue Damselfly
Complementare divisa +150° +210°
- CD739D
Camellia Pink
- 67A75F
≈ Off Green
- 00A9B2
≈ Exotic Sea
Tetradico +90° +180° +270°
- CD739D
Camellia Pink
- BA8C2A
≈ Hokey Pokey
- 21AC8B
≈ Wells of Wonder
- 6994E0
≈ Little Boy Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.21:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.53:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.53:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--camellia-pink: #cd739d;
--camellia-pink-rgb: 205 115 157;
--camellia-pink-oklch: oklch(0.668 0.123 351.6);
}
.element {
color: var(--camellia-pink);
background-color: hsl(332 47% 63%);
border-color: oklch(0.668 0.123 351.6);
}Tailwind CSS v4
@theme {
--color-camellia-pink: #cd739d;
--color-camellia-pink-50: #ffe7f8;
--color-camellia-pink-100: #ffd8eb;
--color-camellia-pink-200: #ffbfd8;
--color-camellia-pink-300: #e99dbc;
--color-camellia-pink-400: #d57fa7;
--color-camellia-pink-500: #c2608f;
--color-camellia-pink-600: #a45279;
--color-camellia-pink-700: #834161;
--color-camellia-pink-800: #612f49;
--color-camellia-pink-900: #442032;
--color-camellia-pink-950: #2c0f1e;
}SCSS
$camellia-pink: #cd739d;
$camellia-pink-rgb: 205, 115, 157;
$camellia-pink-light: mix(#fff, $camellia-pink, 20%);
$camellia-pink-dark: mix(#000, $camellia-pink, 20%);
.element {
color: $camellia-pink;
box-shadow: 0 0 0 2px rgba($camellia-pink, 0.35);
}