Dichtstbijzijnde benoemde kleur · #E25D00
#E25D00
Dichtstbijzijnde benoemde kleur: Poppy Flower
#E25D00 (rgb(226 93 0), hsl(25 100% 44%), oklch(0.64 0.184 44.7)) komt het dichtst bij de benoemde kleur Poppy Flower. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#E25D00
oklch(0.64 0.184 44.7)
Kleurconversies
- HEX
- #e25d00
- RGB
- rgb(226 93 0)
- HSL
- hsl(25 100% 44%)
- HWB
- hwb(25 0% 11%)
- OKLCH
- oklch(0.64 0.184 44.7)
- OKLab
- oklab(0.64 0.13 0.129)
- CIE Lab
- lab(56.85 50.56 66.57)
- LCH
- lch(56.85 83.6 52.8)
- CMYK
- cmyk(0% 59% 100% 11%)
Tinten · Schaduwen · Tonen
Tinten
- E76F33
- EC814E
- F09166
- F4A27D
- F7B193
- FAC1A8
- FCD1BE
- FDE0D4
- FFF0E9
Schaduwen
- C45000
- A84300
- 8C3700
- 712A00
- 571F00
- 3E1400
- 270A00
- 120300
- 030000
Tonen
- D96323
- D06835
- C76C42
- BE704D
- B47457
- AB7760
- A17A69
- 967C71
- 8B7E78
Kleurharmonieën
Complementair +180°
- E25D00
Poppy Flower
- 009BC3
≈ Sea Wonder
Analoog -30° +30°
- E25D00
Poppy Flower
- E55068
≈ Camellia Rose
- BB7E00
≈ Guo Tie Dumpling
Triadisch +120° +240°
- E25D00
Poppy Flower
- 00A577
≈ Bluish Green
- 8376F5
≈ Bainganī
Gesplitst complementair +150° +210°
- E25D00
Poppy Flower
- 00A0A0
≈ Pleasant Stream
- 2B8BF8
≈ Pool Water
Tetradisch +90° +180° +270°
- E25D00
Poppy Flower
- 56A308
≈ Prairie Green
- 009BC3
≈ Sea Wonder
- B563D7
≈ Rich Lilac
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.62:1 · APCA Lc 63
Ag
AAOp zwart
WCAG 5.79:1 · APCA Lc 39
Beste tekstkleur: #000000
WCAG 5.79:1 (AA) · APCA Lc 39
Contrast pairs
Codefragmenten
CSS
:root {
--poppy-flower: #e25d00;
--poppy-flower-rgb: 226 93 0;
--poppy-flower-oklch: oklch(0.64 0.184 44.7);
}
.element {
color: var(--poppy-flower);
background-color: hsl(25 100% 44%);
border-color: oklch(0.64 0.184 44.7);
}Tailwind CSS v4
@theme {
--color-poppy-flower: #e25d00;
--color-poppy-flower-50: #ffe6c9;
--color-poppy-flower-100: #ffd6b4;
--color-poppy-flower-200: #ffbc90;
--color-poppy-flower-300: #ff9760;
--color-poppy-flower-400: #f47432;
--color-poppy-flower-500: #e24e00;
--color-poppy-flower-600: #bf4400;
--color-poppy-flower-700: #9a3600;
--color-poppy-flower-800: #732500;
--color-poppy-flower-900: #511900;
--color-poppy-flower-950: #360800;
}SCSS
$poppy-flower: #e25d00;
$poppy-flower-rgb: 226, 93, 0;
$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);
}