Warna bernama · #E94E6D
Camellia Rose
Camellia Rose adalah #E94E6D: rgb(233 78 109), hsl(348 78% 61%), oklch(0.645 0.191 12.5). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Camellia Rose color name →
#E94E6D
oklch(0.645 0.191 12.5)
Konversi warna
- HEX
- #e94e6d
- RGB
- rgb(233 78 109)
- HSL
- hsl(348 78% 61%)
- HWB
- hwb(348 31% 9%)
- OKLCH
- oklch(0.645 0.191 12.5)
- OKLab
- oklab(0.645 0.186 0.041)
- CIE Lab
- lab(56.6 61.97 17.73)
- LCH
- lch(56.6 64.46 16)
- CMYK
- cmyk(0% 67% 53% 9%)
Tint · Shade · Tone
Tint
- EE637B
- F27689
- F68997
- F99AA5
- FCABB4
- FEBCC3
- FFCDD1
- FFDEE0
- FFEEF0
Shade
- CB435E
- AD384F
- 902D41
- 742333
- 5A1926
- 410F19
- 29070D
- 130204
- 030001
Tone
- E0566F
- D65D71
- CD6473
- C36975
- B96E77
- AE7279
- A4767B
- 987A7C
- 8D7D7E
Harmoni warna
Komplementer +180°
- E94E6D
Camellia Rose
- 00A29F
≈ Aqua Velvet
Analog -30° +30°
- E94E6D
Camellia Rose
- D754AC
≈ Orion
- E75A06
≈ Tobiko Orange
Triadik +120° +240°
- E94E6D
Camellia Rose
- 60A300
≈ Prairie Green
- 108EFC
≈ Clear Chill
Split-komplementer +150° +210°
- E94E6D
Camellia Rose
- 00A774
≈ Bluish Green
- 009DC2
≈ Blue Ocean
Tetradik +90° +180° +270°
- E94E6D
Camellia Rose
- 9E9000
≈ Romaine Green
- 00A29F
≈ Aqua Velvet
- 8078FC
≈ Bainganī
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.63:1 · APCA Lc 63
Ag
AADi atas hitam
WCAG 5.77:1 · APCA Lc 39
Warna teks terbaik: #000000
WCAG 5.77:1 (AA) · APCA Lc 39
Contrast pairs
Cuplikan kode
CSS
:root {
--camellia-rose: #e94e6d;
--camellia-rose-rgb: 233 78 109;
--camellia-rose-oklch: oklch(0.645 0.191 12.5);
}
.element {
color: var(--camellia-rose);
background-color: hsl(348 78% 61%);
border-color: oklch(0.645 0.191 12.5);
}Tailwind CSS v4
@theme {
--color-camellia-rose: #e94e6d;
--color-camellia-rose-50: #ffe0e4;
--color-camellia-rose-100: #ffced4;
--color-camellia-rose-200: #ffb2bb;
--color-camellia-rose-300: #ff8b99;
--color-camellia-rose-400: #f9657f;
--color-camellia-rose-500: #e83963;
--color-camellia-rose-600: #c43254;
--color-camellia-rose-700: #9d2843;
--color-camellia-rose-800: #751b32;
--color-camellia-rose-900: #531222;
--color-camellia-rose-950: #370311;
}SCSS
$camellia-rose: #e94e6d;
$camellia-rose-rgb: 233, 78, 109;
$camellia-rose-light: mix(#fff, $camellia-rose, 20%);
$camellia-rose-dark: mix(#000, $camellia-rose, 20%);
.element {
color: $camellia-rose;
box-shadow: 0 0 0 2px rgba($camellia-rose, 0.35);
}