Couleur nommée la plus proche · #CB9D29
#CB9D29
Couleur nommée la plus proche: Local Curry
#CB9D29 (rgb(203 157 41), hsl(43 66% 48%), oklch(0.72 0.135 85.3)) est la plus proche de la couleur nommée Local Curry. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CB9D29
oklch(0.72 0.135 85.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- D0A748
- D6B160
- DBBB76
- E0C58B
- E5CE9E
- EBD8B2
- F0E2C5
- F5ECD9
- FAF5EC
Ombres
- B08822
- 96731C
- 7D5F15
- 654C0F
- 4D3A09
- 372805
- 221802
- 0F0901
- 020100
Tons
- C39A3A
- BC9847
- B49551
- AD925A
- A58F62
- 9E8D69
- 968A6F
- 8F8675
- 87837B
Harmonies de couleurs
Complémentaire +180°
- CB9D29
Local Curry
- 7BA2F9
≈ Fennel Flower
Analogue -30° +30°
- CB9D29
Local Curry
- E58C49
≈ Velvet Marigold
- A2AE3F
≈ Sphagnales Moss
Triadique +120° +240°
- CB9D29
Local Curry
- 00BAC9
≈ Utopia Beckons
- CF85D3
≈ Blush Essence
Complémentaire divisée +150° +210°
- CB9D29
Local Curry
- 37B1ED
≈ Lynx Screen Blue
- AC92F0
≈ Dreamy Candy Forest
Tétradique +90° +180° +270°
- CB9D29
Local Curry
- 00C0A0
≈ First Post
- 7BA2F9
≈ Fennel Flower
- E67EA8
≈ Mangala Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.50:1 · APCA Lc 49
Ag
AAASur noir
WCAG 8.39:1 · APCA Lc 53
Meilleure couleur de texte: #000000
WCAG 8.39:1 (AAA) · APCA Lc 53
Contrast pairs
Extraits de code
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);
}