Màu có tên · #EBDCB6
Jodhpurs
Jodhpurs là #EBDCB6: rgb(235 220 182), hsl(43 57% 82%), oklch(0.897 0.053 89). 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 Yellow mean? → · Jodhpurs color name →
#EBDCB6
oklch(0.897 0.053 89)
Chuyển đổi màu
- HEX
- #ebdcb6
- RGB
- rgb(235 220 182)
- HSL
- hsl(43 57% 82%)
- HWB
- hwb(43 71% 8%)
- OKLCH
- oklch(0.897 0.053 89)
- OKLab
- oklab(0.897 0.001 0.053)
- CIE Lab
- lab(88.27 0.96 20.71)
- LCH
- lch(88.27 20.73 87.3)
- CMYK
- cmyk(0% 6% 23% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDE0BD
- EFE3C5
- F1E7CC
- F3EAD3
- F5EEDB
- F7F1E2
- F9F5E9
- FBF8F0
- FDFCF8
Sắc đậm
- CCBF9E
- AEA386
- 91886F
- 756E59
- 5B5444
- 413C30
- 29261D
- 13110C
- 030202
Sắc xám
- E0D2B1
- D5C9AB
- CAC0A6
- BFB6A0
- B4AD9B
- A9A496
- 9F9B90
- 94928B
- 8A8985
Hòa sắc
Bổ túc +180°
- EBDCB6
Jodhpurs
- CFDCFF
≈ Arc Light
Tương đồng -30° +30°
- EBDCB6
Jodhpurs
- F8D5BB
≈ Beyond the Pale
- D9E3BC
≈ Cardamom Fragrance
Bộ ba +120° +240°
- EBDCB6
Jodhpurs
- B5E7F0
≈ Winter Escape
- F2D1EE
≈ Little Smile
Bổ túc chia +150° +210°
- EBDCB6
Jodhpurs
- BEE3FD
≈ Fresh Water
- E1D6FC
≈ Japan Blush
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.35:1 · APCA Lc 18
Ag
AAATrên nền đen
WCAG 15.44:1 · APCA Lc 86
Màu chữ tốt nhất: #000000
WCAG 15.44:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--jodhpurs: #ebdcb6;
--jodhpurs-rgb: 235 220 182;
--jodhpurs-oklch: oklch(0.897 0.053 89);
}
.element {
color: var(--jodhpurs);
background-color: hsl(43 57% 82%);
border-color: oklch(0.897 0.053 89);
}Tailwind CSS v4
@theme {
--color-jodhpurs: #ebdcb6;
--color-jodhpurs-50: #fbf5e5;
--color-jodhpurs-100: #eee8d5;
--color-jodhpurs-200: #dcd4bb;
--color-jodhpurs-300: #c1b799;
--color-jodhpurs-400: #ab9d7b;
--color-jodhpurs-500: #94855e;
--color-jodhpurs-600: #7d7050;
--color-jodhpurs-700: #645a3f;
--color-jodhpurs-800: #4a412d;
--color-jodhpurs-900: #332d1f;
--color-jodhpurs-950: #1f1a0e;
}SCSS
$jodhpurs: #ebdcb6;
$jodhpurs-rgb: 235, 220, 182;
$jodhpurs-light: mix(#fff, $jodhpurs, 20%);
$jodhpurs-dark: mix(#000, $jodhpurs, 20%);
.element {
color: $jodhpurs;
box-shadow: 0 0 0 2px rgba($jodhpurs, 0.35);
}