Dichtstbijzijnde benoemde kleur · #007815
#007815
Dichtstbijzijnde benoemde kleur: Poblano
#007815 (rgb(0 120 21), hsl(131 100% 24%), oklch(0.497 0.161 144)) komt het dichtst bij de benoemde kleur Poblano. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#007815
oklch(0.497 0.161 144)
Kleurconversies
- HEX
- #007815
- RGB
- rgb(0 120 21)
- HSL
- hsl(131 100% 24%)
- HWB
- hwb(131 0% 53%)
- OKLCH
- oklch(0.497 0.161 144)
- OKLab
- oklab(0.497 -0.13 0.095)
- CIE Lab
- lab(43.52 -44.65 41.47)
- LCH
- lch(43.52 60.94 137.1)
- CMYK
- cmyk(100% 0% 83% 53%)
Tinten · Schaduwen · Tonen
Tinten
- 2F8533
- 4A934B
- 62A061
- 78AE77
- 8FBB8D
- A5C9A3
- BBD6BA
- D2E4D1
- E8F1E8
Schaduwen
- 006711
- 00570C
- 004808
- 003905
- 002A03
- 001D02
- 001001
- 000500
- 000100
Tonen
- 207926
- 317B33
- 3E7C3E
- 497D49
- 537E53
- 5D7E5C
- 667F65
- 6F7F6E
- 788077
Kleurharmonieën
Complementair +180°
- 007815
Poblano
- 8D3A95
≈ Purple Excellency
Analoog -30° +30°
- 007815
Poblano
- 626900
≈ Mud Green
- 00735E
≈ Tropical Rainforest
Triadisch +120° +240°
- 007815
Poblano
- 315BBD
≈ Amnesia Blue
- AB2E32
≈ Emperor Cherry Red
Gesplitst complementair +150° +210°
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.67:1 · APCA Lc 78
Ag
FailOp zwart
WCAG 3.69:1 · APCA Lc 24
Beste tekstkleur: #FFFFFF
WCAG 5.67:1 (AA) · APCA Lc 78
Contrast pairs
Codefragmenten
CSS
:root {
--poblano: #007815;
--poblano-rgb: 0 120 21;
--poblano-oklch: oklch(0.497 0.161 144);
}
.element {
color: var(--poblano);
background-color: hsl(131 100% 24%);
border-color: oklch(0.497 0.161 144);
}Tailwind CSS v4
@theme {
--color-poblano: #007815;
--color-poblano-50: #d9ffda;
--color-poblano-100: #c6f7c8;
--color-poblano-200: #a7e7ab;
--color-poblano-300: #7ecd84;
--color-poblano-400: #5cb65d;
--color-poblano-500: #2da035;
--color-poblano-600: #29872e;
--color-poblano-700: #216c25;
--color-poblano-800: #1a4f15;
--color-poblano-900: #11370e;
--color-poblano-950: #032202;
}SCSS
$poblano: #007815;
$poblano-rgb: 0, 120, 21;
$poblano-light: mix(#fff, $poblano, 20%);
$poblano-dark: mix(#000, $poblano, 20%);
.element {
color: $poblano;
box-shadow: 0 0 0 2px rgba($poblano, 0.35);
}