이름 색상 · #BB240C
Lobster
Lobster은(는) #BB240C: rgb(187 36 12), hsl(8 88% 39%), oklch(0.513 0.189 31.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Lobster color name →
#BB240C
oklch(0.513 0.189 31.5)
색상 변환
- HEX
- #bb240c
- RGB
- rgb(187 36 12)
- HSL
- hsl(8 88% 39%)
- HWB
- hwb(8 5% 27%)
- OKLCH
- oklch(0.513 0.189 31.5)
- OKLab
- oklab(0.513 0.161 0.099)
- CIE Lab
- lab(41.76 58.42 51.79)
- LCH
- lch(41.76 78.07 41.6)
- CMYK
- cmyk(0% 81% 94% 27%)
틴트 · 셰이드 · 톤
틴트
- C5422E
- CE5A47
- D7705E
- DE8574
- E69A8B
- ECAEA1
- F2C2B8
- F7D6D0
- FBEBE7
셰이드
- A21E09
- 8A1806
- 731204
- 5C0C03
- 460702
- 320401
- 1F0200
- 0D0000
- 020000
톤
- B73521
- B3412F
- AE4C3B
- A95546
- A35D50
- 9E655A
- 976C64
- 90736D
- 897A77
색 조화
보색 +180°
- BB240C
Lobster
- 007484
≈ Deep Current
유사색 -30° +30°
- BB240C
Lobster
- B61E5F
≈ Murderous Magenta
- 965400
≈ Charlie Brown
삼각 배색 +120° +240°
- BB240C
Lobster
- 007C3C
≈ Jordan Jazz
- 4456D1
≈ Gorgonzola Blue
분열 보색 +150° +210°
- BB240C
Lobster
- 00786B
≈ Pond Moss
- 006DA5
≈ Bowen Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.23:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.37:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 6.23:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--lobster: #bb240c;
--lobster-rgb: 187 36 12;
--lobster-oklch: oklch(0.513 0.189 31.5);
}
.element {
color: var(--lobster);
background-color: hsl(8 88% 39%);
border-color: oklch(0.513 0.189 31.5);
}Tailwind CSS v4
@theme {
--color-lobster: #bb240c;
--color-lobster-50: #ffe2d2;
--color-lobster-100: #ffd1bf;
--color-lobster-200: #ffb69f;
--color-lobster-300: #ff9076;
--color-lobster-400: #fa6b53;
--color-lobster-500: #e84128;
--color-lobster-600: #c43924;
--color-lobster-700: #9e2e1c;
--color-lobster-800: #761f16;
--color-lobster-900: #54150e;
--color-lobster-950: #380502;
}SCSS
$lobster: #bb240c;
$lobster-rgb: 187, 36, 12;
$lobster-light: mix(#fff, $lobster, 20%);
$lobster-dark: mix(#000, $lobster, 20%);
.element {
color: $lobster;
box-shadow: 0 0 0 2px rgba($lobster, 0.35);
}