Nazwany kolor · #744456
Deep Carmine
Deep Carmine to #744456: rgb(116 68 86), hsl(338 26% 36%), oklch(0.449 0.07 356.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Deep Carmine color name →
#744456
oklch(0.449 0.07 356.3)
Konwersje koloru
- HEX
- #744456
- RGB
- rgb(116 68 86)
- HSL
- hsl(338 26% 36%)
- HWB
- hwb(338 27% 55%)
- OKLCH
- oklch(0.449 0.07 356.3)
- OKLab
- oklab(0.449 0.07 -0.005)
- CIE Lab
- lab(35.19 23.11 -1.46)
- LCH
- lch(35.19 23.16 356.4)
- CMYK
- cmyk(0% 41% 26% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 825565
- 906775
- 9E7985
- AB8B96
- B99DA6
- C7B0B8
- D5C3C9
- E3D7DB
- F1EBED
Odcienie ciemniejsze
- 643A4A
- 54303E
- 452632
- 371D27
- 29141C
- 1B0C12
- 0F0508
- 050202
- 010000
Tony
- 764A5A
- 77505E
- 795662
- 7A5C66
- 7C626B
- 7D686F
- 7E6E73
- 7F7477
- 7F7A7C
Harmonie kolorów
Komplementarna +180°
- 744456
Deep Carmine
- 1F6254
≈ Humboldt Redwoods
Analogowa -30° +30°
- 744456
Deep Carmine
- 69476A
≈ Sultana
- 774540
≈ Rocky Mountain Red
Triada +120° +240°
- 744456
Deep Carmine
- 535A2A
≈ Soldier Green
- 2A5B77
≈ Nautical Creatures
Komplementarna rozszczepiona +150° +210°
- 744456
Deep Carmine
- 3A603D
≈ Cupidity
- 156068
≈ Turkish Aqua
Tetrada +90° +180° +270°
- 744456
Deep Carmine
- 665223
≈ Field Drab
- 1F6254
≈ Humboldt Redwoods
- 43547C
≈ Deep Azure
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.76:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.70:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.76:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--deep-carmine: #744456;
--deep-carmine-rgb: 116 68 86;
--deep-carmine-oklch: oklch(0.449 0.07 356.3);
}
.element {
color: var(--deep-carmine);
background-color: hsl(338 26% 36%);
border-color: oklch(0.449 0.07 356.3);
}Tailwind CSS v4
@theme {
--color-deep-carmine: #744456;
--color-deep-carmine-50: #ffedf5;
--color-deep-carmine-100: #fddfe7;
--color-deep-carmine-200: #efc8d4;
--color-deep-carmine-300: #d6a9b7;
--color-deep-carmine-400: #c18d9f;
--color-deep-carmine-500: #ac7387;
--color-deep-carmine-600: #916173;
--color-deep-carmine-700: #754e5c;
--color-deep-carmine-800: #563844;
--color-deep-carmine-900: #3c262f;
--color-deep-carmine-950: #26151b;
}SCSS
$deep-carmine: #744456;
$deep-carmine-rgb: 116, 68, 86;
$deep-carmine-light: mix(#fff, $deep-carmine, 20%);
$deep-carmine-dark: mix(#000, $deep-carmine, 20%);
.element {
color: $deep-carmine;
box-shadow: 0 0 0 2px rgba($deep-carmine, 0.35);
}