Nazwany kolor · #ABE3C9
Fabulous Find
Fabulous Find to #ABE3C9: rgb(171 227 201), hsl(152 50% 78%), oklch(0.87 0.068 164.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Fabulous Find color name →
#ABE3C9
oklch(0.87 0.068 164.7)
Konwersje koloru
- HEX
- #abe3c9
- RGB
- rgb(171 227 201)
- HSL
- hsl(152 50% 78%)
- HWB
- hwb(152 67% 11%)
- OKLCH
- oklch(0.87 0.068 164.7)
- OKLab
- oklab(0.87 -0.065 0.018)
- CIE Lab
- lab(85.84 -22.56 6.64)
- LCH
- lch(85.84 23.52 163.6)
- CMYK
- cmyk(25% 0% 11% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B4E6CE
- BCE9D4
- C5ECD9
- CDEEDE
- D6F1E4
- DEF4E9
- E6F7EF
- EFFAF4
- F7FCFA
Odcienie ciemniejsze
- 94C5AE
- 7EA895
- 688C7C
- 547164
- 40574C
- 2D3F36
- 1B2722
- 0B120F
- 010302
Tony
- A7D9C1
- A3CFBA
- 9FC4B3
- 9BBAAB
- 96B0A4
- 92A79D
- 8E9D95
- 89938E
- 858987
Harmonie kolorów
Komplementarna +180°
- ABE3C9
Fabulous Find
- F6C3DF
≈ Miami Pink
Analogowa -30° +30°
- ABE3C9
Fabulous Find
- C2DFB2
≈ Bowling Green
- 9FE3E2
≈ Everest
Triada +120° +240°
- ABE3C9
Fabulous Find
- CFCFFF
≈ Lavender Blue
- FBC7B0
≈ Malibu Peach
Komplementarna rozszczepiona +150° +210°
- ABE3C9
Fabulous Find
- E5C8F4
≈ Lens Flare Pink
- FEC3C6
≈ Crystal Rose
Tetrada +90° +180° +270°
- ABE3C9
Fabulous Find
- B8D7FF
≈ Oh Boy!
- F6C3DF
≈ Miami Pink
- EFCFA3
≈ Crumble Topping
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.56:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.56:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--fabulous-find: #abe3c9;
--fabulous-find-rgb: 171 227 201;
--fabulous-find-oklch: oklch(0.87 0.068 164.7);
}
.element {
color: var(--fabulous-find);
background-color: hsl(152 50% 78%);
border-color: oklch(0.87 0.068 164.7);
}Tailwind CSS v4
@theme {
--color-fabulous-find: #abe3c9;
--color-fabulous-find-50: #e4fcf1;
--color-fabulous-find-100: #d4f0e3;
--color-fabulous-find-200: #badece;
--color-fabulous-find-300: #97c3b0;
--color-fabulous-find-400: #78ac94;
--color-fabulous-find-500: #59957b;
--color-fabulous-find-600: #4c7e68;
--color-fabulous-find-700: #3c6553;
--color-fabulous-find-800: #2c4a3b;
--color-fabulous-find-900: #1d3329;
--color-fabulous-find-950: #0d1f17;
}SCSS
$fabulous-find: #abe3c9;
$fabulous-find-rgb: 171, 227, 201;
$fabulous-find-light: mix(#fff, $fabulous-find, 20%);
$fabulous-find-dark: mix(#000, $fabulous-find, 20%);
.element {
color: $fabulous-find;
box-shadow: 0 0 0 2px rgba($fabulous-find, 0.35);
}