Nazwany kolor · #C9344C
Tomato Puree
Tomato Puree to #C9344C: rgb(201 52 76), hsl(350 59% 50%), oklch(0.559 0.184 16.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Tomato Puree color name →
#C9344C
oklch(0.559 0.184 16.8)
Konwersje koloru
- HEX
- #c9344c
- RGB
- rgb(201 52 76)
- HSL
- hsl(350 59% 50%)
- HWB
- hwb(350 20% 21%)
- OKLCH
- oklch(0.559 0.184 16.8)
- OKLab
- oklab(0.559 0.177 0.053)
- CIE Lab
- lab(46.84 59.56 23.46)
- LCH
- lch(46.84 64.01 21.5)
- CMYK
- cmyk(0% 74% 62% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D14E5D
- D9646E
- E0787F
- E78C90
- EC9FA2
- F1B2B4
- F6C6C7
- FAD9D9
- FDECEC
Odcienie ciemniejsze
- AE2C41
- 952436
- 7C1C2C
- 641522
- 4C0E18
- 36070F
- 220306
- 0F0102
- 020000
Tony
- C34051
- BD4B57
- B7545C
- B15B61
- AA6367
- A3696C
- 9B6F71
- 937576
- 8A7B7B
Harmonie kolorów
Komplementarna +180°
- C9344C
Tomato Puree
- 008587
≈ Bay Teal
Analogowa -30° +30°
- C9344C
Tomato Puree
- BB3989
≈ Lust Priestess
- BA5000
≈ Bloodhound
Triada +120° +240°
- C9344C
Tomato Puree
- 3D8900
≈ Mughal Green
- 1670DD
≈ Enchanting Sapphire
Komplementarna rozszczepiona +150° +210°
- C9344C
Tomato Puree
- 008966
≈ Celtic Queen
- 0080A5
≈ Advertising Blue
Tetrada +90° +180° +270°
- C9344C
Tomato Puree
- 7D7800
≈ Tool Green
- 008587
≈ Bay Teal
- 715BD9
≈ Astro Purple
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.14:1 · APCA Lc 74
Ag
FailNa czerni
WCAG 4.07:1 · APCA Lc 28
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.14:1 (AA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--tomato-puree: #c9344c;
--tomato-puree-rgb: 201 52 76;
--tomato-puree-oklch: oklch(0.559 0.184 16.8);
}
.element {
color: var(--tomato-puree);
background-color: hsl(350 59% 50%);
border-color: oklch(0.559 0.184 16.8);
}Tailwind CSS v4
@theme {
--color-tomato-puree: #c9344c;
--color-tomato-puree-50: #ffe1e0;
--color-tomato-puree-100: #ffd0d0;
--color-tomato-puree-200: #ffb4b5;
--color-tomato-puree-300: #ff8e92;
--color-tomato-puree-400: #f86977;
--color-tomato-puree-500: #e63e59;
--color-tomato-puree-600: #c2374c;
--color-tomato-puree-700: #9c2c3c;
--color-tomato-puree-800: #751e2d;
--color-tomato-puree-900: #52141f;
--color-tomato-puree-950: #37040e;
}SCSS
$tomato-puree: #c9344c;
$tomato-puree-rgb: 201, 52, 76;
$tomato-puree-light: mix(#fff, $tomato-puree, 20%);
$tomato-puree-dark: mix(#000, $tomato-puree, 20%);
.element {
color: $tomato-puree;
box-shadow: 0 0 0 2px rgba($tomato-puree, 0.35);
}