Màu có tên gần nhất · #E85D04
#E85D04
Màu có tên gần nhất: Poppy Flower
#E85D04 (rgb(232 93 4), hsl(23 97% 46%), oklch(0.649 0.189 43.5)) gần nhất với màu có tên Poppy Flower. 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.
#E85D04
oklch(0.649 0.189 43.5)
Chuyển đổi màu
- HEX
- #e85d04
- RGB
- rgb(232 93 4)
- HSL
- hsl(23 97% 46%)
- HWB
- hwb(23 2% 9%)
- OKLCH
- oklch(0.649 0.189 43.5)
- OKLab
- oklab(0.649 0.137 0.13)
- CIE Lab
- lab(57.85 52.75 66.93)
- LCH
- lch(57.85 85.22 51.8)
- CMYK
- cmyk(0% 60% 98% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ED7035
- F18150
- F49268
- F8A27E
- FAB294
- FCC2A9
- FED1BF
- FFE0D4
- FFF0E9
Sắc đậm
- CA5003
- AC4302
- 903701
- 742A01
- 591F00
- 401400
- 290A00
- 130300
- 030000
Sắc xám
- DF6325
- D56836
- CB6D43
- C1714E
- B77458
- AD7761
- A27A69
- 977C71
- 8C7E79
Hòa sắc
Bổ túc +180°
- E85D04
Poppy Flower
- 009EC5
≈ Blue Ocean
Tương đồng -30° +30°
- E85D04
Poppy Flower
- EA516C
≈ Bara Red
- C08000
≈ Turmeric Brown
Bộ ba +120° +240°
- E85D04
Poppy Flower
- 00A977
≈ Dragon Scale
- 8479FC
≈ Bainganī
Bổ túc chia +150° +210°
- E85D04
Poppy Flower
- 00A4A2
≈ Royal Cloak
- 218FFE
≈ Clear Chill
Bộ bốn +90° +180° +270°
- E85D04
Poppy Flower
- 5DA500
≈ Ruminant’s Paradise
- 009EC5
≈ Blue Ocean
- B765DE
≈ Rich Lilac
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.50:1 · APCA Lc 62
Ag
AATrên nền đen
WCAG 5.99:1 · APCA Lc 40
Màu chữ tốt nhất: #000000
WCAG 5.99:1 (AA) · APCA Lc 40
Contrast pairs
Đoạn mã
CSS
:root {
--poppy-flower: #e85d04;
--poppy-flower-rgb: 232 93 4;
--poppy-flower-oklch: oklch(0.649 0.189 43.5);
}
.element {
color: var(--poppy-flower);
background-color: hsl(23 97% 46%);
border-color: oklch(0.649 0.189 43.5);
}Tailwind CSS v4
@theme {
--color-poppy-flower: #e85d04;
--color-poppy-flower-50: #ffe5c8;
--color-poppy-flower-100: #ffd5b3;
--color-poppy-flower-200: #ffba8f;
--color-poppy-flower-300: #ff955f;
--color-poppy-flower-400: #f67131;
--color-poppy-flower-500: #e54a00;
--color-poppy-flower-600: #c14000;
--color-poppy-flower-700: #9c3300;
--color-poppy-flower-800: #752300;
--color-poppy-flower-900: #521800;
--color-poppy-flower-950: #370700;
}SCSS
$poppy-flower: #e85d04;
$poppy-flower-rgb: 232, 93, 4;
$poppy-flower-light: mix(#fff, $poppy-flower, 20%);
$poppy-flower-dark: mix(#000, $poppy-flower, 20%);
.element {
color: $poppy-flower;
box-shadow: 0 0 0 2px rgba($poppy-flower, 0.35);
}