Nächste benannte Farbe · #CA4F29
#CA4F29
Nächste benannte Farbe: Underpass Shrine
#CA4F29 (rgb(202 79 41), hsl(14 66% 48%), oklch(0.586 0.165 37.2)) liegt am nächsten an der benannten Farbe Underpass Shrine. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#CA4F29
oklch(0.586 0.165 37.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- D26342
- D97558
- DF876D
- E59881
- EBA996
- F0BAAB
- F4CCBF
- F9DDD4
- FCEEEA
Shades
- AF4422
- 95381C
- 7C2E15
- 64230F
- 4D1909
- 371005
- 220702
- 0F0201
- 020000
Tones
- C45635
- BD5C40
- B76249
- B06852
- A96C5A
- A17162
- 9A756A
- 927972
- 897D79
Farbharmonien
Komplementär +180°
- CA4F29
Underpass Shrine
- 008AA4
≈ Capri Breeze
Analog -30° +30°
- CA4F29
Underpass Shrine
- C8486B
≈ Royal Banner
- AE6A00
≈ Caramel
Triadisch +120° +240°
- CA4F29
Underpass Shrine
- 00945A
≈ Green Gloss
- 666DDB
≈ C64 Purple
Geteilt komplementär +150° +210°
- CA4F29
Underpass Shrine
- 008F86
≈ Aqua Experience
- 0081D2
≈ Electron Blue
Tetradisch +90° +180° +270°
- CA4F29
Underpass Shrine
- 638B00
≈ Sap Green
- 008AA4
≈ Capri Breeze
- 965CC7
≈ Trunks Hair
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.50:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.66:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
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);
}