Nazwany kolor · #EDB9BD
Seashell Froth
Seashell Froth to #EDB9BD: rgb(237 185 189), hsl(355 59% 83%), oklch(0.833 0.06 13.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Seashell Froth color name →
#EDB9BD
oklch(0.833 0.06 13.3)
Konwersje koloru
- HEX
- #edb9bd
- RGB
- rgb(237 185 189)
- HSL
- hsl(355 59% 83%)
- HWB
- hwb(355 73% 7%)
- OKLCH
- oklch(0.833 0.06 13.3)
- OKLab
- oklab(0.833 0.059 0.014)
- CIE Lab
- lab(80.01 19.76 5.56)
- LCH
- lch(80.01 20.53 15.7)
- CMYK
- cmyk(0% 22% 20% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EFC0C3
- F1C7CA
- F3CED0
- F5D5D7
- F7DCDE
- F9E3E4
- FAEAEB
- FCF1F2
- FEF8F8
Odcienie ciemniejsze
- CEA0A4
- B0898C
- 937174
- 775B5D
- 5C4647
- 423133
- 2A1E1F
- 140D0D
- 030202
Tony
- E2B3B7
- D7ADB0
- CCA8AA
- C1A2A4
- B69C9E
- AB9798
- A09192
- 958B8C
- 8B8686
Harmonie kolorów
Komplementarna +180°
- EDB9BD
Seashell Froth
- 9AD5D3
≈ Shallow Shoal
Analogowa -30° +30°
- EDB9BD
Seashell Froth
- E6B9D3
≈ Eau de Rose
- EBBDA9
≈ Veronese Peach
Triada +120° +240°
- EDB9BD
Seashell Froth
- B9D1AA
≈ Jardin
- ADCBF0
≈ Blossom Blue
Komplementarna rozszczepiona +150° +210°
- EDB9BD
Seashell Froth
- A5D5BD
≈ Flowering Cactus
- 9ED2E5
≈ Light Delphin
Tetrada +90° +180° +270°
- EDB9BD
Seashell Froth
- CFCB9E
≈ Anjou Pear
- 9AD5D3
≈ Shallow Shoal
- C2C4EF
≈ Violet Gems
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.71:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.27:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.27:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--seashell-froth: #edb9bd;
--seashell-froth-rgb: 237 185 189;
--seashell-froth-oklch: oklch(0.833 0.06 13.3);
}
.element {
color: var(--seashell-froth);
background-color: hsl(355 59% 83%);
border-color: oklch(0.833 0.06 13.3);
}Tailwind CSS v4
@theme {
--color-seashell-froth: #edb9bd;
--color-seashell-froth-50: #ffefef;
--color-seashell-froth-100: #fce0e1;
--color-seashell-froth-200: #edcacc;
--color-seashell-froth-300: #d5abad;
--color-seashell-froth-400: #bf9094;
--color-seashell-froth-500: #aa767a;
--color-seashell-froth-600: #906468;
--color-seashell-froth-700: #735053;
--color-seashell-froth-800: #553a3d;
--color-seashell-froth-900: #3b282a;
--color-seashell-froth-950: #251618;
}SCSS
$seashell-froth: #edb9bd;
$seashell-froth-rgb: 237, 185, 189;
$seashell-froth-light: mix(#fff, $seashell-froth, 20%);
$seashell-froth-dark: mix(#000, $seashell-froth, 20%);
.element {
color: $seashell-froth;
box-shadow: 0 0 0 2px rgba($seashell-froth, 0.35);
}