Benannte Farbe · #CB9E34
Local Curry
Local Curry ist #CB9E34: rgb(203 158 52), hsl(42 59% 50%), oklch(0.723 0.13 84.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Local Curry color name →
#CB9E34
oklch(0.723 0.13 84.7)
Farbumrechnungen
- HEX
- #cb9e34
- RGB
- rgb(203 158 52)
- HSL
- hsl(42 59% 50%)
- HWB
- hwb(42 20% 20%)
- OKLCH
- oklch(0.723 0.13 84.7)
- OKLab
- oklab(0.723 0.012 0.129)
- CIE Lab
- lab(68.03 9.79 58.68)
- LCH
- lch(68.03 59.5 80.5)
- CMYK
- cmyk(0% 22% 74% 20%)
Tints · Shades · Tones
Tints
- D0A84F
- D6B265
- DBBB7A
- E0C58E
- E5CFA1
- EBD8B4
- F0E2C7
- F5ECDA
- FAF5EC
Shades
- B0892C
- 967424
- 7D601C
- 654D15
- 4D3A0E
- 372907
- 221803
- 0F0901
- 020100
Tones
- C39B41
- BC994C
- B49655
- AD935D
- A59064
- 9E8D6B
- 968A71
- 8F8776
- 87837B
Farbharmonien
Komplementär +180°
- CB9E34
Local Curry
- 7DA3F7
≈ Fennel Flower
Analog -30° +30°
- CB9E34
Local Curry
- E38E50
≈ Jasper Orange
- A4AF45
≈ Sphagnales Moss
Triadisch +120° +240°
- CB9E34
Local Curry
- 00BBCA
≈ Panorama Blue
- CE88D3
≈ Purception
Geteilt komplementär +150° +210°
- CB9E34
Local Curry
- 3FB2EB
≈ Lynx Screen Blue
- AB94EE
≈ Dreamy Candy Forest
Tetradisch +90° +180° +270°
- CB9E34
Local Curry
- 24BFA0
≈ First Post
- 7DA3F7
≈ Fennel Flower
- E481AA
≈ Mangala Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.47:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.47:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.47:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
CSS
:root {
--local-curry: #cb9e34;
--local-curry-rgb: 203 158 52;
--local-curry-oklch: oklch(0.723 0.13 84.7);
}
.element {
color: var(--local-curry);
background-color: hsl(42 59% 50%);
border-color: oklch(0.723 0.13 84.7);
}Tailwind CSS v4
@theme {
--color-local-curry: #cb9e34;
--color-local-curry-50: #fff4cb;
--color-local-curry-100: #fbe6b7;
--color-local-curry-200: #ecd194;
--color-local-curry-300: #d4b366;
--color-local-curry-400: #c29735;
--color-local-curry-500: #ae7d00;
--color-local-curry-600: #936a00;
--color-local-curry-700: #765500;
--color-local-curry-800: #583d00;
--color-local-curry-900: #3e2a00;
--color-local-curry-950: #271700;
}SCSS
$local-curry: #cb9e34;
$local-curry-rgb: 203, 158, 52;
$local-curry-light: mix(#fff, $local-curry, 20%);
$local-curry-dark: mix(#000, $local-curry, 20%);
.element {
color: $local-curry;
box-shadow: 0 0 0 2px rgba($local-curry, 0.35);
}