Couleur nommée · #DAA135
Courgette Yellow
Courgette Yellow correspond à #DAA135 : rgb(218 161 53), hsl(39 69% 53%), oklch(0.745 0.136 79.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Courgette Yellow color name →
#DAA135
oklch(0.745 0.136 79.2)
Conversions de couleur
- HEX
- #daa135
- RGB
- rgb(218 161 53)
- HSL
- hsl(39 69% 53%)
- HWB
- hwb(39 21% 15%)
- OKLCH
- oklch(0.745 0.136 79.2)
- OKLab
- oklab(0.745 0.026 0.134)
- CIE Lab
- lab(70.43 14.73 61.23)
- LCH
- lch(70.43 62.98 76.5)
- CMYK
- cmyk(0% 26% 76% 15%)
Teintes · Ombres · Tons
Teintes
- DEAB50
- E2B467
- E6BE7C
- EAC78F
- EDD1A3
- F1DAB5
- F5E3C8
- F8EDDA
- FCF6ED
Ombres
- BD8B2D
- A27625
- 87621D
- 6C4E15
- 543C0E
- 3C2A08
- 251903
- 110901
- 020100
Tons
- D19E43
- C89B4E
- BF9857
- B6955F
- AD9165
- A48E6C
- 9B8B71
- 928777
- 89847C
Harmonies de couleurs
Complémentaire +180°
- DAA135
Courgette Yellow
- 79ADFF
≈ Fennel Flower
Analogue -30° +30°
- DAA135
Courgette Yellow
- F19059
≈ Chinese Lantern
- B3B33F
≈ Lively Lime
Triadique +120° +240°
- DAA135
Courgette Yellow
- 00C4CB
≈ Turquoise Surf
- D18FE3
≈ Blush Essence
Complémentaire divisée +150° +210°
- DAA135
Courgette Yellow
- 2EBCF1
≈ Blue Bikini
- AA9DFD
≈ Cobalite
Tétradique +90° +180° +270°
- DAA135
Courgette Yellow
- 32C89E
≈ Jadeite
- 79ADFF
≈ Fennel Flower
- EB87BA
≈ Brown Knapweed
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.29:1 · APCA Lc 45
Ag
AAASur noir
WCAG 9.13:1 · APCA Lc 57
Meilleure couleur de texte: #000000
WCAG 9.13:1 (AAA) · APCA Lc 57
Contrast pairs
Extraits de code
CSS
:root {
--courgette-yellow: #daa135;
--courgette-yellow-rgb: 218 161 53;
--courgette-yellow-oklch: oklch(0.745 0.136 79.2);
}
.element {
color: var(--courgette-yellow);
background-color: hsl(39 69% 53%);
border-color: oklch(0.745 0.136 79.2);
}Tailwind CSS v4
@theme {
--color-courgette-yellow: #daa135;
--color-courgette-yellow-50: #fff2ca;
--color-courgette-yellow-100: #ffe4b5;
--color-courgette-yellow-200: #f2cf91;
--color-courgette-yellow-300: #dbb061;
--color-courgette-yellow-400: #c9942e;
--color-courgette-yellow-500: #b57800;
--color-courgette-yellow-600: #996600;
--color-courgette-yellow-700: #7b5200;
--color-courgette-yellow-800: #5c3b00;
--color-courgette-yellow-900: #412800;
--color-courgette-yellow-950: #291600;
}SCSS
$courgette-yellow: #daa135;
$courgette-yellow-rgb: 218, 161, 53;
$courgette-yellow-light: mix(#fff, $courgette-yellow, 20%);
$courgette-yellow-dark: mix(#000, $courgette-yellow, 20%);
.element {
color: $courgette-yellow;
box-shadow: 0 0 0 2px rgba($courgette-yellow, 0.35);
}