Nazwany kolor · #CB8E81
Rose de Mai
Rose de Mai to #CB8E81: rgb(203 142 129), hsl(11 42% 65%), oklch(0.704 0.077 32.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Rose de Mai color name →
#CB8E81
oklch(0.704 0.077 32.4)
Konwersje koloru
- HEX
- #cb8e81
- RGB
- rgb(203 142 129)
- HSL
- hsl(11 42% 65%)
- HWB
- hwb(11 51% 20%)
- OKLCH
- oklch(0.704 0.077 32.4)
- OKLab
- oklab(0.704 0.065 0.041)
- CIE Lab
- lab(64.97 22.64 16.73)
- LCH
- lch(64.97 28.15 36.5)
- CMYK
- cmyk(0% 30% 36% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D1998D
- D6A499
- DCAFA6
- E1BBB2
- E7C6BF
- ECD1CB
- F1DCD8
- F6E8E5
- FAF3F2
Odcienie ciemniejsze
- B07B6F
- 96685E
- 7D564E
- 65443E
- 4D342E
- 37241F
- 221512
- 0F0706
- 020101
Tony
- C48D81
- BC8C81
- B58A81
- AD8981
- A68881
- 9F8681
- 978581
- 8F8380
- 888280
Harmonie kolorów
Komplementarna +180°
- CB8E81
Rose de Mai
- 62ADBC
≈ Well Water
Analogowa -30° +30°
- CB8E81
Rose de Mai
- C98B9B
≈ Puce
- C3956D
≈ Lanyard
Triada +120° +240°
- CB8E81
Rose de Mai
- 7AAE88
≈ Green Bank
- 8F9DD0
≈ Velvet Robe
Komplementarna rozszczepiona +150° +210°
- CB8E81
Rose de Mai
- 65B0A3
≈ Green Crush
- 74A6CC
≈ Seaborne
Tetrada +90° +180° +270°
- CB8E81
Rose de Mai
- 97A871
≈ Green Plaza
- 62ADBC
≈ Well Water
- A994C8
≈ Gorgeous Hydrangea
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.71:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.72:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.72:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--rose-de-mai: #cb8e81;
--rose-de-mai-rgb: 203 142 129;
--rose-de-mai-oklch: oklch(0.704 0.077 32.4);
}
.element {
color: var(--rose-de-mai);
background-color: hsl(11 42% 65%);
border-color: oklch(0.704 0.077 32.4);
}Tailwind CSS v4
@theme {
--color-rose-de-mai: #cb8e81;
--color-rose-de-mai-50: #ffeee7;
--color-rose-de-mai-100: #ffdfd7;
--color-rose-de-mai-200: #f3c9bf;
--color-rose-de-mai-300: #dcaa9d;
--color-rose-de-mai-400: #c88e82;
--color-rose-de-mai-500: #b37365;
--color-rose-de-mai-600: #986156;
--color-rose-de-mai-700: #7a4e45;
--color-rose-de-mai-800: #5a3832;
--color-rose-de-mai-900: #3f2622;
--color-rose-de-mai-950: #281511;
}SCSS
$rose-de-mai: #cb8e81;
$rose-de-mai-rgb: 203, 142, 129;
$rose-de-mai-light: mix(#fff, $rose-de-mai, 20%);
$rose-de-mai-dark: mix(#000, $rose-de-mai, 20%);
.element {
color: $rose-de-mai;
box-shadow: 0 0 0 2px rgba($rose-de-mai, 0.35);
}