Dichtstbijzijnde benoemde kleur · #3E793A
#3E793A
Dichtstbijzijnde benoemde kleur: Cucumber Queen
#3E793A (rgb(62 121 58), hsl(116 35% 35%), oklch(0.52 0.113 142.5)) komt het dichtst bij de benoemde kleur Cucumber Queen. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#3E793A
oklch(0.52 0.113 142.5)
Kleurconversies
- HEX
- #3e793a
- RGB
- rgb(62 121 58)
- HSL
- hsl(116 35% 35%)
- HWB
- hwb(116 23% 53%)
- OKLCH
- oklch(0.52 0.113 142.5)
- OKLab
- oklab(0.52 -0.09 0.069)
- CIE Lab
- lab(45.68 -30.42 28.08)
- LCH
- lch(45.68 41.4 137.3)
- CMYK
- cmyk(49% 0% 52% 53%)
Tinten · Schaduwen · Tonen
Tinten
- 51864D
- 649360
- 77A073
- 8AAD86
- 9DBB9A
- B0C8AE
- C4D6C2
- D7E3D6
- EBF1EA
Schaduwen
- 356831
- 2B5828
- 234820
- 1A3918
- 122B10
- 0A1D09
- 041004
- 010501
- 000100
Tonen
- 467A42
- 4D7B49
- 547C51
- 5B7D58
- 617D5F
- 687E65
- 6E7F6C
- 747F73
- 7A8079
Kleurharmonieën
Complementair +180°
- 3E793A
Cucumber Queen
- 87518F
≈ Cosmic Berry
Analoog -30° +30°
- 3E793A
Cucumber Queen
- 6A6F07
≈ Brownish Green
- 007B63
≈ Ultramarine Green
Triadisch +120° +240°
- 3E793A
Cucumber Queen
- 4567AA
≈ Indigo Batik
- A04B4A
≈ Redrock Canyon
Gesplitst complementair +150° +210°
- 3E793A
Cucumber Queen
- 6C5BA4
≈ Sumire Violet
- 994B6F
≈ Befitting
Tetradisch +90° +180° +270°
- 3E793A
Cucumber Queen
- 00729C
≈ Tofino Belue
- 87518F
≈ Cosmic Berry
- 9B5421
≈ Mammoth Wool
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.24:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 4.00:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--cucumber-queen: #3e793a;
--cucumber-queen-rgb: 62 121 58;
--cucumber-queen-oklch: oklch(0.52 0.113 142.5);
}
.element {
color: var(--cucumber-queen);
background-color: hsl(116 35% 35%);
border-color: oklch(0.52 0.113 142.5);
}Tailwind CSS v4
@theme {
--color-cucumber-queen: #3e793a;
--color-cucumber-queen-50: #e2fee1;
--color-cucumber-queen-100: #d2f2d1;
--color-cucumber-queen-200: #b7e2b7;
--color-cucumber-queen-300: #93c793;
--color-cucumber-queen-400: #76b071;
--color-cucumber-queen-500: #569951;
--color-cucumber-queen-600: #4a8145;
--color-cucumber-queen-700: #3a6837;
--color-cucumber-queen-800: #2b4c25;
--color-cucumber-queen-900: #1d3519;
--color-cucumber-queen-950: #0d2009;
}SCSS
$cucumber-queen: #3e793a;
$cucumber-queen-rgb: 62, 121, 58;
$cucumber-queen-light: mix(#fff, $cucumber-queen, 20%);
$cucumber-queen-dark: mix(#000, $cucumber-queen, 20%);
.element {
color: $cucumber-queen;
box-shadow: 0 0 0 2px rgba($cucumber-queen, 0.35);
}