Màu có tên gần nhất · #D98000
#D98000
Màu có tên gần nhất: Fleur de Sel Caramel
#D98000 (rgb(217 128 0), hsl(35 100% 43%), oklch(0.681 0.154 63.7)) gần nhất với màu có tên Fleur de Sel Caramel. 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.
#D98000
oklch(0.681 0.154 63.7)
Chuyển đổi màu
- HEX
- #d98000
- RGB
- rgb(217 128 0)
- HSL
- hsl(35 100% 43%)
- HWB
- hwb(35 0% 15%)
- OKLCH
- oklch(0.681 0.154 63.7)
- OKLab
- oklab(0.681 0.068 0.138)
- CIE Lab
- lab(62.43 30.32 68.52)
- LCH
- lch(62.43 74.93 66.1)
- CMYK
- cmyk(0% 41% 100% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DE8D36
- E39A52
- E7A76A
- EBB481
- EFC196
- F3CDAB
- F6DAC0
- F9E6D5
- FCF3EA
Sắc đậm
- BC6E00
- A15D00
- 864D00
- 6C3D00
- 532E00
- 3B1F00
- 251200
- 110600
- 020100
Sắc xám
- D08126
- C88138
- BF8245
- B68250
- AE825A
- A58263
- 9C826B
- 938172
- 898179
Hòa sắc
Bổ túc +180°
- D98000
Fleur de Sel Caramel
- 27A0F0
≈ Button Blue
Tương đồng -30° +30°
- D98000
Fleur de Sel Caramel
- E87056
≈ Orangeville
- B59600
≈ Banana Puree
Bộ ba +120° +240°
- D98000
Fleur de Sel Caramel
- 00B0A1
≈ Billiard
- AD7EE5
≈ Lavender Blossom
Bổ túc chia +150° +210°
- D98000
Fleur de Sel Caramel
- 00ABC5
≈ Sarah’s Garden
- 7C8FF7
≈ Lavender Blue Shadow
Bộ bốn +90° +180° +270°
- D98000
Fleur de Sel Caramel
- 32B36A
≈ Green Mana
- 27A0F0
≈ Button Blue
- D071C0
≈ Gulābī Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.98:1 · APCA Lc 56
Ag
AAATrên nền đen
WCAG 7.03:1 · APCA Lc 46
Màu chữ tốt nhất: #000000
WCAG 7.03:1 (AAA) · APCA Lc 46
Contrast pairs
Đoạn mã
CSS
:root {
--fleur-de-sel-caramel: #d98000;
--fleur-de-sel-caramel-rgb: 217 128 0;
--fleur-de-sel-caramel-oklch: oklch(0.681 0.154 63.7);
}
.element {
color: var(--fleur-de-sel-caramel);
background-color: hsl(35 100% 43%);
border-color: oklch(0.681 0.154 63.7);
}Tailwind CSS v4
@theme {
--color-fleur-de-sel-caramel: #d98000;
--color-fleur-de-sel-caramel-50: #ffedc7;
--color-fleur-de-sel-caramel-100: #ffdeb2;
--color-fleur-de-sel-caramel-200: #ffc78d;
--color-fleur-de-sel-caramel-300: #eda65c;
--color-fleur-de-sel-caramel-400: #dd8825;
--color-fleur-de-sel-caramel-500: #ca6900;
--color-fleur-de-sel-caramel-600: #ab5a00;
--color-fleur-de-sel-caramel-700: #894800;
--color-fleur-de-sel-caramel-800: #673300;
--color-fleur-de-sel-caramel-900: #482300;
--color-fleur-de-sel-caramel-950: #2f1100;
}SCSS
$fleur-de-sel-caramel: #d98000;
$fleur-de-sel-caramel-rgb: 217, 128, 0;
$fleur-de-sel-caramel-light: mix(#fff, $fleur-de-sel-caramel, 20%);
$fleur-de-sel-caramel-dark: mix(#000, $fleur-de-sel-caramel, 20%);
.element {
color: $fleur-de-sel-caramel;
box-shadow: 0 0 0 2px rgba($fleur-de-sel-caramel, 0.35);
}