Dichtstbijzijnde benoemde kleur · #CB9D29
#CB9D29
Dichtstbijzijnde benoemde kleur: Local Curry
#CB9D29 (rgb(203 157 41), hsl(43 66% 48%), oklch(0.72 0.135 85.3)) komt het dichtst bij de benoemde kleur Local Curry. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#CB9D29
oklch(0.72 0.135 85.3)
Kleurconversies
- HEX
- #cb9d29
- RGB
- rgb(203 157 41)
- HSL
- hsl(43 66% 48%)
- HWB
- hwb(43 16% 20%)
- OKLCH
- oklch(0.72 0.135 85.3)
- OKLab
- oklab(0.72 0.011 0.135)
- CIE Lab
- lab(67.72 9.99 62.34)
- LCH
- lch(67.72 63.13 80.9)
- CMYK
- cmyk(0% 23% 80% 20%)
Tinten · Schaduwen · Tonen
Tinten
- D0A748
- D6B160
- DBBB76
- E0C58B
- E5CE9E
- EBD8B2
- F0E2C5
- F5ECD9
- FAF5EC
Schaduwen
- B08822
- 96731C
- 7D5F15
- 654C0F
- 4D3A09
- 372805
- 221802
- 0F0901
- 020100
Tonen
- C39A3A
- BC9847
- B49551
- AD925A
- A58F62
- 9E8D69
- 968A6F
- 8F8675
- 87837B
Kleurharmonieën
Complementair +180°
- CB9D29
Local Curry
- 7BA2F9
≈ Fennel Flower
Analoog -30° +30°
- CB9D29
Local Curry
- E58C49
≈ Velvet Marigold
- A2AE3F
≈ Sphagnales Moss
Triadisch +120° +240°
- CB9D29
Local Curry
- 00BAC9
≈ Utopia Beckons
- CF85D3
≈ Blush Essence
Gesplitst complementair +150° +210°
- CB9D29
Local Curry
- 37B1ED
≈ Lynx Screen Blue
- AC92F0
≈ Dreamy Candy Forest
Tetradisch +90° +180° +270°
- CB9D29
Local Curry
- 00C0A0
≈ First Post
- 7BA2F9
≈ Fennel Flower
- E67EA8
≈ Mangala Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.50:1 · APCA Lc 49
Ag
AAAOp zwart
WCAG 8.39:1 · APCA Lc 53
Beste tekstkleur: #000000
WCAG 8.39:1 (AAA) · APCA Lc 53
Contrast pairs
Codefragmenten
CSS
:root {
--local-curry: #cb9d29;
--local-curry-rgb: 203 157 41;
--local-curry-oklch: oklch(0.72 0.135 85.3);
}
.element {
color: var(--local-curry);
background-color: hsl(43 66% 48%);
border-color: oklch(0.72 0.135 85.3);
}Tailwind CSS v4
@theme {
--color-local-curry: #cb9d29;
--color-local-curry-50: #fff4ca;
--color-local-curry-100: #fbe6b5;
--color-local-curry-200: #edd191;
--color-local-curry-300: #d5b361;
--color-local-curry-400: #c3972d;
--color-local-curry-500: #ae7d00;
--color-local-curry-600: #936a00;
--color-local-curry-700: #765500;
--color-local-curry-800: #593d00;
--color-local-curry-900: #3e2a00;
--color-local-curry-950: #271700;
}SCSS
$local-curry: #cb9d29;
$local-curry-rgb: 203, 157, 41;
$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);
}