Nazwany kolor · #00844B
Veritably Verdant
Veritably Verdant to #00844B: rgb(0 132 75), hsl(154 100% 26%), oklch(0.539 0.132 155.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Veritably Verdant color name →
#00844B
oklch(0.539 0.132 155.3)
Konwersje koloru
- HEX
- #00844b
- RGB
- rgb(0 132 75)
- HSL
- hsl(154 100% 26%)
- HWB
- hwb(154 0% 48%)
- OKLCH
- oklch(0.539 0.132 155.3)
- OKLab
- oklab(0.539 -0.12 0.055)
- CIE Lab
- lab(48.22 -42.74 21.75)
- LCH
- lch(48.22 47.95 153)
- CMYK
- cmyk(100% 0% 43% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 33905C
- 4E9C6D
- 66A97F
- 7DB590
- 93C1A2
- A8CDB4
- BEDAC6
- D3E6D9
- E9F3EC
Odcienie ciemniejsze
- 007240
- 006035
- 004F2B
- 003F21
- 002F17
- 00200E
- 001206
- 000602
- 000100
Tony
- 238451
- 348456
- 42845C
- 4D8361
- 578366
- 60836C
- 688271
- 718276
- 78817B
Harmonie kolorów
Komplementarna +180°
- 00844B
Veritably Verdant
- 9C4D8C
≈ Hyacinth Violet
Analogowa -30° +30°
- 00844B
Veritably Verdant
- 5C7B0A
≈ Topiary Green
- 008076
≈ Green Garlands
Triada +120° +240°
- 00844B
Veritably Verdant
- 5A65BA
≈ Bluish Purple Anemone
- AD4D34
≈ Suzume Brown
Komplementarna rozszczepiona +150° +210°
- 00844B
Veritably Verdant
- 8157AB
≈ Royal Lavender
- AB4863
≈ Hot
Tetrada +90° +180° +270°
- 00844B
Veritably Verdant
- 0D74B5
≈ Post It
- 9C4D8C
≈ Hyacinth Violet
- 9D5D00
≈ Soft Tone Ink
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.77:1 · APCA Lc 72
Ag
FailNa czerni
WCAG 4.40:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.77:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--veritably-verdant: #00844b;
--veritably-verdant-rgb: 0 132 75;
--veritably-verdant-oklch: oklch(0.539 0.132 155.3);
}
.element {
color: var(--veritably-verdant);
background-color: hsl(154 100% 26%);
border-color: oklch(0.539 0.132 155.3);
}Tailwind CSS v4
@theme {
--color-veritably-verdant: #00844b;
--color-veritably-verdant-50: #d7ffe6;
--color-veritably-verdant-100: #c4f6d7;
--color-veritably-verdant-200: #a5e6be;
--color-veritably-verdant-300: #7acc9d;
--color-veritably-verdant-400: #54b57c;
--color-veritably-verdant-500: #199f5e;
--color-veritably-verdant-600: #1b8650;
--color-veritably-verdant-700: #166c40;
--color-veritably-verdant-800: #124f2c;
--color-veritably-verdant-900: #0c371d;
--color-veritably-verdant-950: #00220d;
}SCSS
$veritably-verdant: #00844b;
$veritably-verdant-rgb: 0, 132, 75;
$veritably-verdant-light: mix(#fff, $veritably-verdant, 20%);
$veritably-verdant-dark: mix(#000, $veritably-verdant, 20%);
.element {
color: $veritably-verdant;
box-shadow: 0 0 0 2px rgba($veritably-verdant, 0.35);
}