Nazwany kolor · #C8DCBB
Pale Tidepool
Pale Tidepool to #C8DCBB: rgb(200 220 187), hsl(96 32% 80%), oklch(0.871 0.049 133). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Pale Tidepool color name →
#C8DCBB
oklch(0.871 0.049 133)
Konwersje koloru
- HEX
- #c8dcbb
- RGB
- rgb(200 220 187)
- HSL
- hsl(96 32% 80%)
- HWB
- hwb(96 73% 14%)
- OKLCH
- oklch(0.871 0.049 133)
- OKLab
- oklab(0.871 -0.034 0.036)
- CIE Lab
- lab(85.59 -11.36 13.91)
- LCH
- lch(85.59 17.96 129.2)
- CMYK
- cmyk(9% 0% 15% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CDE0C2
- D3E3C8
- D8E7CF
- DEEAD6
- E3EEDD
- E9F1E4
- EEF5EA
- F4F8F1
- F9FCF8
Odcienie ciemniejsze
- AEBFA2
- 94A38A
- 7B8873
- 636E5C
- 4C5446
- 363C32
- 21261F
- 0F110D
- 020202
Tony
- C1D2B5
- B9C9AF
- B2C0A9
- ABB6A3
- A3AD9D
- 9CA497
- 959B91
- 8E928C
- 878986
Harmonie kolorów
Komplementarna +180°
- C8DCBB
Pale Tidepool
- E0CCEC
≈ Syrian Violet
Analogowa -30° +30°
- C8DCBB
Pale Tidepool
- DAD6B1
≈ Morning Moor
- B8DFCB
≈ Refrigerator Green
Triada +120° +240°
- C8DCBB
Pale Tidepool
- BED7F5
≈ Delicate Blue Mist
- F3C8CB
≈ Salmon Flush
Komplementarna rozszczepiona +150° +210°
- C8DCBB
Pale Tidepool
- CFD1F5
≈ Frozen Periwinkle
- EDC8DD
≈ Pink Pony
Tetrada +90° +180° +270°
- C8DCBB
Pale Tidepool
- B2DCEC
≈ Whimsy Blue
- E0CCEC
≈ Syrian Violet
- F2CBBB
≈ Watusi
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.45:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.41:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.41:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--pale-tidepool: #c8dcbb;
--pale-tidepool-rgb: 200 220 187;
--pale-tidepool-oklch: oklch(0.871 0.049 133);
}
.element {
color: var(--pale-tidepool);
background-color: hsl(96 32% 80%);
border-color: oklch(0.871 0.049 133);
}Tailwind CSS v4
@theme {
--color-pale-tidepool: #c8dcbb;
--color-pale-tidepool-50: #eff9eb;
--color-pale-tidepool-100: #e1ecdc;
--color-pale-tidepool-200: #cbd9c4;
--color-pale-tidepool-300: #adbda4;
--color-pale-tidepool-400: #93a587;
--color-pale-tidepool-500: #798e6c;
--color-pale-tidepool-600: #67785c;
--color-pale-tidepool-700: #526049;
--color-pale-tidepool-800: #3c4634;
--color-pale-tidepool-900: #293024;
--color-pale-tidepool-950: #171d12;
}SCSS
$pale-tidepool: #c8dcbb;
$pale-tidepool-rgb: 200, 220, 187;
$pale-tidepool-light: mix(#fff, $pale-tidepool, 20%);
$pale-tidepool-dark: mix(#000, $pale-tidepool, 20%);
.element {
color: $pale-tidepool;
box-shadow: 0 0 0 2px rgba($pale-tidepool, 0.35);
}