Nazwany kolor · #CF9384
Rosy Queen
Rosy Queen to #CF9384: rgb(207 147 132), hsl(12 44% 66%), oklch(0.718 0.076 34.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Rosy Queen color name →
#CF9384
oklch(0.718 0.076 34.6)
Konwersje koloru
- HEX
- #cf9384
- RGB
- rgb(207 147 132)
- HSL
- hsl(12 44% 66%)
- HWB
- hwb(12 52% 19%)
- OKLCH
- oklch(0.718 0.076 34.6)
- OKLab
- oklab(0.718 0.063 0.043)
- CIE Lab
- lab(66.67 21.91 17.47)
- LCH
- lch(66.67 28.02 38.6)
- CMYK
- cmyk(0% 29% 36% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D49E90
- DAA89C
- DFB3A8
- E4BEB4
- E8C8C0
- EDD3CD
- F2DED9
- F6E9E6
- FBF4F2
Odcienie ciemniejsze
- B47F72
- 996C60
- 7F594F
- 67473F
- 4F362F
- 382520
- 231612
- 100806
- 020101
Tony
- C79184
- BF9083
- B88E83
- B08C83
- A88A82
- A08882
- 988682
- 908481
- 888281
Harmonie kolorów
Komplementarna +180°
- CF9384
Rosy Queen
- 68B1C2
≈ Water Music
Analogowa -30° +30°
- CF9384
Rosy Queen
- CE909E
≈ Sianna Rose
- C69A71
≈ Chimaera Brown
Triada +120° +240°
- CF9384
Rosy Queen
- 7DB28F
≈ Mate Tea
- 95A1D4
≈ Fields of Heather
Komplementarna rozszczepiona +150° +210°
- CF9384
Rosy Queen
- 69B4AA
≈ Lenticular Ore
- 7BAAD1
≈ Calm Day
Tetrada +90° +180° +270°
- CF9384
Rosy Queen
- 99AD78
≈ Siamese Green
- 68B1C2
≈ Water Music
- AF98CB
≈ Biloba Flower
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.57:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.15:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.15:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--rosy-queen: #cf9384;
--rosy-queen-rgb: 207 147 132;
--rosy-queen-oklch: oklch(0.718 0.076 34.6);
}
.element {
color: var(--rosy-queen);
background-color: hsl(12 44% 66%);
border-color: oklch(0.718 0.076 34.6);
}Tailwind CSS v4
@theme {
--color-rosy-queen: #cf9384;
--color-rosy-queen-50: #ffeee6;
--color-rosy-queen-100: #ffe0d6;
--color-rosy-queen-200: #f3cabe;
--color-rosy-queen-300: #dbaa9c;
--color-rosy-queen-400: #c78e80;
--color-rosy-queen-500: #b37364;
--color-rosy-queen-600: #976255;
--color-rosy-queen-700: #794e44;
--color-rosy-queen-800: #5a3831;
--color-rosy-queen-900: #3f2721;
--color-rosy-queen-950: #281511;
}SCSS
$rosy-queen: #cf9384;
$rosy-queen-rgb: 207, 147, 132;
$rosy-queen-light: mix(#fff, $rosy-queen, 20%);
$rosy-queen-dark: mix(#000, $rosy-queen, 20%);
.element {
color: $rosy-queen;
box-shadow: 0 0 0 2px rgba($rosy-queen, 0.35);
}