Nazwany kolor · #E94E6D
Camellia Rose
Camellia Rose to #E94E6D: rgb(233 78 109), hsl(348 78% 61%), oklch(0.645 0.191 12.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Camellia Rose color name →
#E94E6D
oklch(0.645 0.191 12.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EE637B
- F27689
- F68997
- F99AA5
- FCABB4
- FEBCC3
- FFCDD1
- FFDEE0
- FFEEF0
Odcienie ciemniejsze
- CB435E
- AD384F
- 902D41
- 742333
- 5A1926
- 410F19
- 29070D
- 130204
- 030001
Tony
- E0566F
- D65D71
- CD6473
- C36975
- B96E77
- AE7279
- A4767B
- 987A7C
- 8D7D7E
Harmonie kolorów
Komplementarna +180°
- E94E6D
Camellia Rose
- 00A29F
≈ Aqua Velvet
Analogowa -30° +30°
- E94E6D
Camellia Rose
- D754AC
≈ Orion
- E75A06
≈ Tobiko Orange
Triada +120° +240°
- E94E6D
Camellia Rose
- 60A300
≈ Prairie Green
- 108EFC
≈ Clear Chill
Komplementarna rozszczepiona +150° +210°
- E94E6D
Camellia Rose
- 00A774
≈ Bluish Green
- 009DC2
≈ Blue Ocean
Tetrada +90° +180° +270°
- E94E6D
Camellia Rose
- 9E9000
≈ Romaine Green
- 00A29F
≈ Aqua Velvet
- 8078FC
≈ Bainganī
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.63:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.77:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 5.77:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
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);
}