Dichtstbijzijnde benoemde kleur · #236831
#236831
Dichtstbijzijnde benoemde kleur: Bucolic
#236831 (rgb(35 104 49), hsl(132 50% 27%), oklch(0.46 0.111 147.4)) komt het dichtst bij de benoemde kleur Bucolic. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#236831
oklch(0.46 0.111 147.4)
Kleurconversies
- HEX
- #236831
- RGB
- rgb(35 104 49)
- HSL
- hsl(132 50% 27%)
- HWB
- hwb(132 14% 59%)
- OKLCH
- oklch(0.46 0.111 147.4)
- OKLab
- oklab(0.46 -0.093 0.06)
- CIE Lab
- lab(38.7 -32.24 24.16)
- LCH
- lch(38.7 40.28 143.2)
- CMYK
- cmyk(66% 0% 53% 59%)
Tinten · Schaduwen · Tonen
Tinten
- 3B7645
- 518558
- 67946C
- 7CA380
- 91B294
- A7C1A9
- BCD0BE
- D2E0D3
- E8EFE9
Schaduwen
- 1D5929
- 174B22
- 113E1A
- 0C3013
- 07240C
- 041806
- 010C03
- 000401
- 000000
Tonen
- 306B39
- 3A6D42
- 44704A
- 4D7252
- 567559
- 5F7761
- 677969
- 707C71
- 787E78
Kleurharmonieën
Complementair +180°
- 236831
Bucolic
- 783F77
≈ Spring Lobster Dye
Analoog -30° +30°
- 236831
Bucolic
- 545F00
≈ Greensboro
- 006757
≈ Piney Lake
Triadisch +120° +240°
- 236831
Bucolic
- 3D5495
≈ Muted Lavender
- 8B3B34
≈ Red Blooded
Gesplitst complementair +150° +210°
- 236831
Bucolic
- 60488D
≈ Lords of the Night
- 873A58
≈ Berry Patch
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.78:1 · APCA Lc 83
Ag
FailOp zwart
WCAG 3.09:1 · APCA Lc 19
Beste tekstkleur: #FFFFFF
WCAG 6.78:1 (AA) · APCA Lc 83
Contrast pairs
Codefragmenten
CSS
:root {
--bucolic: #236831;
--bucolic-rgb: 35 104 49;
--bucolic-oklch: oklch(0.46 0.111 147.4);
}
.element {
color: var(--bucolic);
background-color: hsl(132 50% 27%);
border-color: oklch(0.46 0.111 147.4);
}Tailwind CSS v4
@theme {
--color-bucolic: #236831;
--color-bucolic-50: #e0ffe4;
--color-bucolic-100: #cff3d4;
--color-bucolic-200: #b4e2bb;
--color-bucolic-300: #8fc899;
--color-bucolic-400: #70b078;
--color-bucolic-500: #4e9a5a;
--color-bucolic-600: #43824c;
--color-bucolic-700: #35683d;
--color-bucolic-800: #274c2a;
--color-bucolic-900: #1a351c;
--color-bucolic-950: #0a200c;
}SCSS
$bucolic: #236831;
$bucolic-rgb: 35, 104, 49;
$bucolic-light: mix(#fff, $bucolic, 20%);
$bucolic-dark: mix(#000, $bucolic, 20%);
.element {
color: $bucolic;
box-shadow: 0 0 0 2px rgba($bucolic, 0.35);
}