Màu có tên · #DAA135
Courgette Yellow
Courgette Yellow là #DAA135: rgb(218 161 53), hsl(39 69% 53%), oklch(0.745 0.136 79.2). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Orange mean? → · Courgette Yellow color name →
#DAA135
oklch(0.745 0.136 79.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DEAB50
- E2B467
- E6BE7C
- EAC78F
- EDD1A3
- F1DAB5
- F5E3C8
- F8EDDA
- FCF6ED
Sắc đậm
- BD8B2D
- A27625
- 87621D
- 6C4E15
- 543C0E
- 3C2A08
- 251903
- 110901
- 020100
Sắc xám
- D19E43
- C89B4E
- BF9857
- B6955F
- AD9165
- A48E6C
- 9B8B71
- 928777
- 89847C
Hòa sắc
Bổ túc +180°
- DAA135
Courgette Yellow
- 79ADFF
≈ Fennel Flower
Tương đồng -30° +30°
- DAA135
Courgette Yellow
- F19059
≈ Chinese Lantern
- B3B33F
≈ Lively Lime
Bộ ba +120° +240°
- DAA135
Courgette Yellow
- 00C4CB
≈ Turquoise Surf
- D18FE3
≈ Blush Essence
Bổ túc chia +150° +210°
- DAA135
Courgette Yellow
- 2EBCF1
≈ Blue Bikini
- AA9DFD
≈ Cobalite
Bộ bốn +90° +180° +270°
- DAA135
Courgette Yellow
- 32C89E
≈ Jadeite
- 79ADFF
≈ Fennel Flower
- EB87BA
≈ Brown Knapweed
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.29:1 · APCA Lc 45
Ag
AAATrên nền đen
WCAG 9.13:1 · APCA Lc 57
Màu chữ tốt nhất: #000000
WCAG 9.13:1 (AAA) · APCA Lc 57
Contrast pairs
Đoạn mã
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);
}