Colore con nome più vicino · #CA4F29
#CA4F29
Colore con nome più vicino: Underpass Shrine
#CA4F29 (rgb(202 79 41), hsl(14 66% 48%), oklch(0.586 0.165 37.2)) è più vicino al colore con nome Underpass Shrine. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#CA4F29
oklch(0.586 0.165 37.2)
Conversioni di colore
- HEX
- #ca4f29
- RGB
- rgb(202 79 41)
- HSL
- hsl(14 66% 48%)
- HWB
- hwb(14 16% 21%)
- OKLCH
- oklch(0.586 0.165 37.2)
- OKLab
- oklab(0.586 0.131 0.1)
- CIE Lab
- lab(50.55 48.47 47.29)
- LCH
- lch(50.55 67.72 44.3)
- CMYK
- cmyk(0% 61% 80% 21%)
Tinte · Ombre · Toni
Tinte
- D26342
- D97558
- DF876D
- E59881
- EBA996
- F0BAAB
- F4CCBF
- F9DDD4
- FCEEEA
Ombre
- AF4422
- 95381C
- 7C2E15
- 64230F
- 4D1909
- 371005
- 220702
- 0F0201
- 020000
Toni
- C45635
- BD5C40
- B76249
- B06852
- A96C5A
- A17162
- 9A756A
- 927972
- 897D79
Armonie di colore
Complementare +180°
- CA4F29
Underpass Shrine
- 008AA4
≈ Capri Breeze
Analogo -30° +30°
- CA4F29
Underpass Shrine
- C8486B
≈ Royal Banner
- AE6A00
≈ Caramel
Triadico +120° +240°
- CA4F29
Underpass Shrine
- 00945A
≈ Green Gloss
- 666DDB
≈ C64 Purple
Complementare divisa +150° +210°
- CA4F29
Underpass Shrine
- 008F86
≈ Aqua Experience
- 0081D2
≈ Electron Blue
Tetradico +90° +180° +270°
- CA4F29
Underpass Shrine
- 638B00
≈ Sap Green
- 008AA4
≈ Capri Breeze
- 965CC7
≈ Trunks Hair
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.50:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.66:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--underpass-shrine: #ca4f29;
--underpass-shrine-rgb: 202 79 41;
--underpass-shrine-oklch: oklch(0.586 0.165 37.2);
}
.element {
color: var(--underpass-shrine);
background-color: hsl(14 66% 48%);
border-color: oklch(0.586 0.165 37.2);
}Tailwind CSS v4
@theme {
--color-underpass-shrine: #ca4f29;
--color-underpass-shrine-50: #ffe6d3;
--color-underpass-shrine-100: #ffd6bf;
--color-underpass-shrine-200: #ffbc9f;
--color-underpass-shrine-300: #ff9876;
--color-underpass-shrine-400: #ee7653;
--color-underpass-shrine-500: #dd5327;
--color-underpass-shrine-600: #ba4723;
--color-underpass-shrine-700: #96391c;
--color-underpass-shrine-800: #702815;
--color-underpass-shrine-900: #4f1b0d;
--color-underpass-shrine-950: #340a02;
}SCSS
$underpass-shrine: #ca4f29;
$underpass-shrine-rgb: 202, 79, 41;
$underpass-shrine-light: mix(#fff, $underpass-shrine, 20%);
$underpass-shrine-dark: mix(#000, $underpass-shrine, 20%);
.element {
color: $underpass-shrine;
box-shadow: 0 0 0 2px rgba($underpass-shrine, 0.35);
}